jquery中是否有用于dispatchEvent的包装方法或一些库?我一直在stackoverflow上寻找这个,但我发现最接近的方法是jquery的trigger(),它似乎只触发jquery事件监听器。当然我可以自己使用 dispatchEvent,但我想使用 jquery 来使我的代码更易于阅读。
我正在编写一个greasemonkey 脚本,我想在其中向某个匿名事件侦听器触发一个事件。页面本身不是用 jquery 编写的。
这是一个 jsfiddle 链接,用于解释我要完成的工作:https ://jsfiddle.net/Zx3CA/
js:
function log(s){
document.getElementById('log').innerHTML+=s+'<br/>';
}
$(function(){
//code on the page, which shouldn't be changed
//start
document.getElementById('link').addEventListener('click',function(){
log('click detected');
},false);
//end
$('#triggerClickJQuery').on('click',function(){
$('#link').trigger('click');
});
$('#triggerClickJS').on('click',function(){
var event=document.createEvent('MouseEvents');
event.initMouseEvent('click',true,true,null,-1,-1,-1,-1,0,true,false,false,true,0,null);
$('#link').get(0).dispatchEvent(event);
});
});
html:
<body>
<a id="link" href="javascript:void(0);">Link</a><br/>
<a id="triggerClickJQuery" href="javascript:void(0);">Trigger Click JQuery</a><br/>
<a id="triggerClickJS" href="javascript:void(0);">Trigger Click JavaScript</a><br/>
<div id="log"></div>
</body>
提前致谢。