Aufruf des benutzerdefinierten Ereignisses content_script.js von jQuery?

Question

In meinem content_script.js für eine Chrome-Erweiterung ich arbeite ich haben:

document.addEventListener("funcDoRequest", function (params) 
{ 
    alert('From content_script'); 
}); 

In meiner index.html Web-Seite, wie ich diese funcDoRequest von jQuery nennen? Irgendwelche Beispiele? Ich muss auch detail.x-Parameter übergeben.

Ich kann es so ohne jQuery tun, aber ich will das nicht:

<script> 
    var event = new CustomEvent('funcDoRequest', { 'detail': { something: 'something' } }); 
    var go = function() { document.dispatchEvent(event); } 
</script> 
<a href="javascript:go();">Click me</a> 

Dank.

Answer 1

Eine mögliche jQuery könnte äquivalente Ansatz .click() Ereignis bei <a> Element gesetzt, .on() mit "funcDoRequest" als benutzerdefinierte Ereignis verwendet wird; Aufruf .trigger() mit "funcDoRequest" als ersten Parameter, Datenobjekt { something: "something" } als zweiter Parameter bei Klick auf a Element; Auf das übergebene Datenobjekt kann unter .on("funcDoRequest") Handler als zweites Argument zugegriffen werden params. Außerdem wurde event.preventDefault() unter a Click-Handler hinzugefügt.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<script> 
 
    $(document).ready(function() { 
 
    var doc = $(this); // `document` 
 
    $("a").click(function(e) { 
 
     e.preventDefault(); 
 
     doc.trigger("funcDoRequest", { 
 
     "something": "something" 
 
     }) 
 
    }); 
 
    // at `content_script.js` 
 
    $(document).on("funcDoRequest", function(e, params) { 
 
     console.log(e, params); 
 
     alert(JSON.stringify(params)) 
 
    }); 
 
    }) 
 
</script> 
 
<a href="#">Click me</a>