javascript - 同一元素和事件中的多个函数

Question

如果我将一个元素中的多个函数添加到同一个事件中，究竟会发生什么？

举例:

jQuery('#searchButton').click(function(){ /* logic 1 */ );
jQuery('#searchButton').click(function(){ /* logic 2 */ );

1. 添加到事件中的第一个函数总是第一个被调用？
2. 所有浏览器都支持这种类型的东西吗？
3. 函数是异步调用的吗？

谢谢

Answer 1

只是指出其他答案还没有的东西:jQuery 确实保证事件将按照它们添加的顺序触发(正如 John Hartsock 的回答中所引用的那样)通过仅将一个事件处理程序绑定(bind)到任何事件处理程序给定元素，并持有一个内部函数数组绑定(bind)(它具有能够删除匿名函数的额外优势，否则你将无法引用)。这适用于所有浏览器。

但是，如果您将它与任何其他库混合使用或直接使用 DOM，则无法保证。该标准不要求实现遵循任何顺序，因此尽管许多在内部实现了 FIFO 结构，但这并不能保证。 Relevant section of the standard .