0

Web ブラウザでマウス クリックを生成するために、次のコードを使用します。

var element = document.getElementById('element_id');
var o = document.createEvent('MouseEvents');
o.initMouseEvent('click', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null);
element.dispatchEvent(o);

それは機能しますが、6番目から9番目(12、345、7、220)の引数が何をするのか理解できませんか? 変更しても何も変わりません。https://developer.mozilla.orgで、この引数は screenX 、 screenY 、 clientX 、および clientY 座標であることがわかり ましたが、それはどういう意味ですか?

4

1 に答える 1

1

これらのパラメーターは、作成されるイベントに追加されます。最初に mouseclick イベントを受け取ると、イベント オブジェクト内のイベントの現在の screenX/Y 座標と clientX/Y 座標も取得します。このようにして、これらのパラメーターを埋めることができます。イベントを処理するときにそれらが使用されない場合、それらはまったく効果がありません。

これらのパラメーターを配置するだけで、画面上のどこ (screenx/y) とブラウザー境界内のどこ (clientx/y) でクリックが発生したかがわかります。

ここでパラメータについて読むことができます：

https://developer.mozilla.org/en-US/docs/DOM/event.screenX

https://developer.mozilla.org/en-US/docs/DOM/event.screenY

https://developer.mozilla.org/en-US/docs/DOM/event.clientX

https://developer.mozilla.org/en-US/docs/DOM/event.clientY

于 2012-10-03T09:16:09.103 に答える