Javascript Firefox插件SDK:Can';t在文档元素上触发click事件
我正在使用SDK编写Firefox插件,在页面中的元素上触发单击事件时遇到问题 我正在使用SDK页面mod模块以及jQuery。就这一问题的范围而言,我有以下几点:Javascript Firefox插件SDK:Can';t在文档元素上触发click事件,javascript,jquery,firefox,firefox-addon,firefox-addon-sdk,Javascript,Jquery,Firefox,Firefox Addon,Firefox Addon Sdk,我正在使用SDK编写Firefox插件,在页面中的元素上触发单击事件时遇到问题 我正在使用SDK页面mod模块以及jQuery。就这一问题的范围而言,我有以下几点: /* main.js */ var self = require("sdk/self"); var pageMod = require("sdk/page-mod"); pageMod.PageMod({ include: "http://example.com/*", contentScriptWhen: "r
/* main.js */
var self = require("sdk/self");
var pageMod = require("sdk/page-mod");
pageMod.PageMod({
include: "http://example.com/*",
contentScriptWhen: "ready",
contentScriptFile: [
self.data.url("jquery.js"),
self.data.url("myScript.js"),
]
});
/* myScript.js */
$(document).on('click', '#target', function() {
var buttons = $('button'); // get all buttons on the page
if(buttons.length) {
buttons.each(function() {
$(this).trigger('click');
});
}
});
问题是,当我单击页面上的#trigger
元素时,JS将正常执行,直到到达以下行:
$(this).trigger('click');
然后抛出以下错误:
访问属性“length”的权限被拒绝jquery-2.1.1.js:4330
因此,插件似乎无法将单击事件从自身发送到页面。有什么办法解决这个问题吗
编辑:以下是jQuery源代码中的一小段相关代码供参考:
// Native handler
handle = ontype && cur[ ontype ];
if ( handle && handle.apply && jQuery.acceptData( cur ) ) {
event.result = handle.apply( cur, data ); // line 4330
if ( event.result === false ) {
event.preventDefault();
}
}
最好的解决方案总是用纯JavaScript(执行速度也更快)替换jQuery,下面是如何重写
myScript.js
来实现这一点:
document.getElementById("target").addEventListener('click', function() {
var buttons = document.getElementsByTagName("button"); // get all buttons on the page
if(buttons.length) {
for (var i = buttons.length - 1; i >= 0; i--) {
buttons[i].click();
}
}
});