Écoutez jQuery Event With Vanilla JS

J’essaie donc de déterminer s’il est possible d’écouter les événements ajoutés avec jQuery à l’aide de JS vanilla. J’ai trouvé cette question:

Écouter un événement jQuery sans jQuery

ce qui répond définitivement à la version 1 de jQuery. Que diriez-vous de la version 3 cependant?

J’ai mis au point un violon à tester, mais je ne parviens pas à faire en sorte que le premier envoi fonctionne avec une version de jQuery. Est-ce que quelque chose me manque ou le modèle d’événement dans jQuery 3 n’utilise-t-il toujours pas le modèle d’événement DOM?

• Instruction angularjs if / else et largeur de la fenêtre
• Les éléments n’apparaissent qu’après l’inspection de l’élément
• Comment puis-je désactiver la sélection de texte à l’aide de la touche Maj sans désactiver toute la sélection de texte?
• jQuery attr vs prop, il existe une liste des accessoires?
• comment remplacer HTML par jQuery tout en conservant les liaisons d’événement

https://jsfiddle.net/ydej5qer/1/

Voici le code dans le violon:

HTML:

 
 This is div1. My event was added via jQuery and is listened for by vanilla JS. 
 
 Enter the number 2 to have the event fired. 
   Submit  
 
 
 This is div2. My event was added via vanilla JS and is listened for by jQuery. 
 
 Enter the number 2 to have the event fired. 
   Submit   

JavaScript:

 var $input1 = $("#input1"); var $input2 = $("#input2"); var input1 = document.getElementById("input1"); var input2 = document.getElementById("input2"); var event1 = "civicscienceEvent1"; var event2 = "civicscienceEvent2"; $("#button1").click(function() { if (+$input1.val() == 2) { $input1.sortinggger(event1, {message: "Event 1 sortingggered!"}); } }); input1.addEventListener(event1, function(e) { console.log("Event 1 sortingggered! message=" + e.detail.message); }); $("#button2").click(function() { if (+$input2.val() == 2) { var event = new CustomEvent(event2, {detail: {message: "Event 2 sortingggered!"}}); input2.dispatchEvent(event); } }); $input2.on(event2, function(e) { console.log("Event 2 fired, but I don't know how to get the message!"); }); 

• Comme la page FB ne déclenche pas un événement edge.create après confirmation
• Est-il possible d’envoyer un AJAX après avoir fermé la fenêtre du navigateur?
• supprime les éléments de fin de tableau qui sont égaux à zéro – meilleure façon
• comment sélectionner un onglet particulier à partir d’une autre page à l’aide de la balise d’ancrage dans JQuery ..?
• jQuery UI datepicker afficher sans action