使用原生JavaScript触发jQuery现场活动

Question

我在某个页面上有一个事件，需要从Chrome扩展程序中触发。 我无权修改页面的JavaScript。

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

我需要在我的Chrome扩展程序中使用本机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 。

Answer 2

您是否尝试过trigger() ？

$(selector).trigger('click');

当然， trigger()应该用在jQuery对象上（因此$(selector) ）。