javascript - 为什么触发事件不调用addEventListener定义的事件

Question

我创建了一个示例案例:

http://jsfiddle.net/y42pu5b6/

$(function(){
    function ping (){ 
        alert( "function fired" ); 
        console.log("fired"); 
    }
    console.log($("input#one")[0]);
    $("input#one")[0].addEventListener("change", ping);
    $("input#one").trigger("change");

    $("input#two").on("change", ping);
    $("input#two").trigger("change");

});

看来，使用 jQuery，您无法通过 addEventListener 调用“触发”和应用事件。是否有一个原因？我的想法是，由于触发器是一个 jquery 方法，它只是扫描 jQuery 对象以查找处理程序，而不是实际应用于该对象的内容。

我觉得触发器应该为所有适用的事件触发，无论它们是通过 on 还是 addEventListener 添加的。也许它正在拍摄时间帧 X 的代码快照，并将其存储在 jquery 对象中。我不确定。

也许其他人比我更了解这一点？

Answer 1

由于不同的浏览器以不同的方式处理不同的事件，jQuery 通过引入自己的 Event 来缓解这个问题。抽象层(还提供 event namespacing 以及其他好处)。

因此，当您调用 trigger 时，jQuery 只会触发它自己绑定(bind)的事件(使用 on、bind、click 等)，但它不会尝试触发 native 绑定(bind)的事件。

参见 http://learn.jquery.com/events/triggering-event-handlers/