使用 jQuery 创建/触发事件

Question

我当前使用以下代码从我的 Firefox 附加组件触发事件。

    var hiddenArea = document.getElementById("section_help");
    if (hiddenArea) {
        var evt = document.createEvent("MouseEvents");
        evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        hiddenArea.dispatchEvent(evt);
    }

我尝试使用 jQuery 来实现相同的目的，

$("#section_help").trigger("click");

但它不起作用。 jQuery 不会触发原始代码嵌入的事件。

我的错在哪里？

Answer 1

jQuery 文档提到了以下内容：

尽管 .trigger() 模拟了事件激活，但完成了
合成的事件对象，它不能完美地复制
自然发生的事件。

不太清楚他们的意思，所以我不得不查看源代码。显然，jQuery 并没有真正创建本机事件对象。它只会触发自己的事件处理程序（通过 jQuery 添加的事件处理程序）以及它在 onfoo 属性中可以找到的任何内容。通过 addEventListener() 添加的事件处理程序不会被触发。与该事件关联的本机操作不会被触发（但是 jQuery 似乎正在处理一些特殊情况）。

总结一下：最好坚持您创建活动的旧方式。它可能更冗长，但它符合您的期望。