SVG - クリックは機能ではありません

私はこのような要素を持っています。SVG - クリックは機能ではありません

<g id="box_w" onclick="recordResponseKeyboard('W');" onmousedown="svgFill('W');" onmouseup="svgUnfill('W');"> 
    <rect fill="#FFFFFF" height="68.522" stroke="#FFFFFF" stroke-miterlimit="10" width="119.297" x="306.673" y="384.406"></rect> 
</g>

クロムコンソールから、要素の位置を特定できます。

document.getElementById('box_w')

私は

document.getElementById('box_w').click()

、イベントをクリックして呼び出した場合は、クリックが関数ではないというエラーがスローされます。

コンソールを使用して要素をクリックする方法。

出典

2016-09-26 KitKarson

試し '$（ '＃のbox_w'）。（クリック）' – maioman

は、なぜ、直接関数を呼び出していませんか？ –

click（）は[HTMLメソッド]（https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click）ですが、SVG要素では使用できません。 –

を使用する必要があります。

document.querySelector("g#box_w").onclick();

出典

2016-09-26 22:21:39

素晴らしい、ありがとう。 – KitKarson

click()はjQueryメソッドです。あなたはonclickの代わりclickを使用してみてください$(...).click()

$.click documentation

出典

2016-09-26 22:12:13

クリックは純粋なjsにもあり、jqueryなしで使用できます。 –

しかし、それはsvgの中の要素で動作しないことがわかります。 –

SVG - クリックは機能ではありません

答えて

関連する問題