生成客户端事件

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