javascript - jQuery - 同一个按钮的多个事件监听器

Question

假设我有一个带有 id 的按钮:

<input id='someButton' />

我想在这个按钮上附加一个事件监听器:

$('#form').on('click', '#someButton', function() { 
   alert("My listener called"); 

});

然而，我不知道的是，之前有人为这个按钮写了一个事件监听器:

$('#form').on('click', '#someButton', function() { 
   alert("Some other listener called"); 
});

我遇到了一些有效地做与上面相同的事情的代码，而且似乎第一个注册的监听器就是被使用的那个。我是否正确假设 jQuery 将始终调用在特定 ID 上注册的第一个事件监听器(并且仅该监听器)？

Answer 1

不正确。 jQuery 将按照绑定(bind)的顺序调用绑定(bind)到元素的所有事件监听器。

要删除现有的事件处理程序，请使用 .off() :

$('#form').off('click'); // click event handler(s) removed
$('#form').off(); // all event handler(s) removed

请注意，从祖先 DOM 元素委托(delegate)的事件不会以这种方式删除。