javascript - 使用 native JavaScript 触发 jQuery 实时事件

Question

我需要从 Chrome 扩展程序触发页面上的事件。我无权修改页面的 JavaScript。

$(selector).live("click", fn);

我需要在 Chrome 扩展中使用 native JS 触发此操作，如下所示:

selectorElement.click(); //doesn't work

当然，上面的方法不起作用，因为正在使用 live 函数。我怎样才能触发它？

谢谢!

Answer 1

如果您没有 jQuery，您可以使用 dispatchEvent 触发 DOM 事件:

var selector = "#...";
var elmList = document.querySelectorAll(selector);

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
elm[0].dispatchEvent(evt);

此代码在与选择器匹配的第一个元素上触发，但如果您需要一次在多个元素上触发，则可以将其修改为循环 elmList。