8

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>

提前致谢。

4

1 回答 1

12

自定义trigger事件在 jQuery(最高 1.10.1)中的实现不会触发本机事件,因此您将无法通过同一页面上加载的不同版本或不同版本来监听它。addEventListenerjQuery

此错误及其所有用例都在此处详细记录:http: //bugs.jquery.com/ticket/11047

作为一种解决方案,您可以使用这个插件,它检查浏览器是否支持触发自定义本机事件并在可用时使用它。

https://github.com/sandeep45/betterTrigger

于 2013-09-19T18:05:17.317 回答