javascript - 在javascript中将事件从一个dom传输到另一个dom

Question

在 javascript 中，假设我有两个节点(节点 A、节点 B)。当我点击节点 A 时，是否可以将“点击”事件传递给节点 B，以便执行节点 B 的事件处理程序。

Answer 1

在按钮和其他输入元素上触发点击事件相当容易，它们有一个 click() 方法:

elementA.onclick = function () { elementB.click(); }

其他不支持click方法的事件或元素稍微复杂一些，需要使用fireEvent触发事件或 dispatchEvent , 取决于浏览器:

elementA.onclick = function () {
    var elementB = document.getElementById("elementB");
    if ("dispatchEvent" in elementB) {
        var evt = document.createEvent("MouseEvents");
        evt.initMouseEvent("click", true, true, window,
            0, 0, 0, 0, 0, false, false, false, false, 0, null);
        elementB.dispatchEvent(evt);
    }
    else if ("fireEvent" in elementB)
        elementB.fireEvent("onclick");
}