Jquery dispatchEvent-Wrapper-Methode

Question

Sep 16, 2013, 10:49 AM

Jquery dispatchEvent-Wrapper-Methode

Gibt es eine Wrapper-Methode oder eine Bibliothek für dispatchEvent in jquery? Ich habe beim Stackoverflow danach gesucht, aber die Methode, die ich am nächsten gefunden habe, ist jquery's trigger (), die scheinbar nur jquery-Ereignis-Listener auslöst. Natürlich könnte ich auch einfach dispatchEvent verwenden, aber ich möchte jquery verwenden, um den Code besser lesbar zu machen.

Ich schreibe ein Greasemonkey-Skript, in dem ich ein Ereignis für einen anonymen Ereignis-Listener auslösen möchte. Die Seite selbst ist nicht in JQuery geschrieben.

Hier ist ein Link von jsfiddle, um zu erklären, was ich erreichen möchte:http://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>

Danke im Voraus.