jQuery触发时，不会触发通过addEventListener（）添加的事件

Question

Given this small bit of code:

window.addEventListener("test_event", function(e){
    console.log("event fired");
}, false);

console.log("init");

$(window).trigger("test_event");

Why isn't the event triggered? Is jQuery doing something behind the scenes that is missed by a standard event handler?

http://jsfiddle.net/Dygerati/zx36aapj/1/

Answer 1

What you are looking to do is to dispatch a custom event: https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

window.dispatchEvent(new Event("test_event"));

http://jsfiddle.net/zx36aapj/2/

Alternatively - if you can't modify the way the event is triggered you can use bind instead:

$(window).bind("test_event", function(e){
    console.log("event fired");
});

console.log("init");

$(window).trigger("test_event");

Here's a link for that: http://jsfiddle.net/zx36aapj/3/