javascript - Javascript/JQuery 中的相同签名事件处理程序

Question

任何人都可以解释一下使用相同签名定义事件处理程序的结果是什么，例如:

// event handler 1
$('form.custom select[data-customforms!=disabled]').on('change', function() { 
    console.log('1');
});

// event handler 2
$('form.custom select[data-customforms!=disabled]').on('change', function() { 
    console.log('2');
});

这是一种不好的做法吗？执行顺序是什么？是否有与此相关的浏览器特定行为？ Javascript 中的事件处理程序可以扩展吗？

Answer 1

结果将是所有附加事件将按顺序执行。这通常用于在特定事件上执行多个函数。

在上述情况下，第一个 1 将记录在控制台中，然后是 2，与应用的顺序相同。

缺点是，当您删除 change 事件时，附加到该事件的所有事件处理程序都将被删除(在您的情况下，两个带有 console.log 语句的处理程序)

您可以使用event namespacing来克服这个问题。