Question

我使用此代码在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坐标，但这是什么意思？

Answer 1

这些参数将添加到创建的事件中。当您最初收到鼠标点击事件时，您也会获得事件对象中事件的当前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

生成客户端事件

1 个答案: