DOM initMouseEvent clientX，clientY

Question

如何在仅传递X，Y坐标的DIV上模拟onclick事件???

如果我试图明确表示dispatchEvent函数需要 将引发事件的对象......但那意味着什么 传递事件创建坐标????

谢谢

Answer 1

clientX和clientY参数是相对于处理事件的元素的位置，因此您需要知道click事件将要进入哪个元素。

如果要根据窗口坐标模拟对未知元素的单击，则需要在该位置找到该元素。在IE和Firefox 3中，您可以使用document.elementFromPoint(x, y)。我不知道在其他浏览器中有什么办法，除了遍历页面中的元素，查看它们的位置/大小以确定坐标处的内容。

您的代码看起来像这样：

function simulateClick(x, y) {
    var el = getElementFromPoint(x, y);

    var evt = document.createEvent("MouseEvents");
    evt.initMouseEvent("click", true, true, window,
        1, 0, 0,
        calculateClientX(el, x), calculateClientY(el, y),
        false, false, false, false, 0, null);

    el.dispatchEvent(evt);
}

getElementFromPoint将使用document.elementFromPoint或迭代所有元素。 calculateClientX/Y将计算相对于元素的点击坐标。