带有选择元素的jQuery事件委托？

【问题标题】：jQuery event delegation with select elements?带有选择元素的jQuery事件委托？
【发布时间】：2012-12-18 11:54:12
【问题描述】：

在进行一些健全性测试时，我注意到以下 change 事件绑定有效：

$("body").on("change","input", function(){console.log(1)})

虽然on 事件绑定没有：

$("body").on("change","select", function(){console.log(1)})

对于这种不一致是否有任何解决方法或解释？

【问题讨论】：

你能解释清楚吗？也许有一些演示。
是否特定于特定浏览器？
在 chrome 中为我工作 jsfiddle.net/eHRCD
最好再次运行该健全性检查.. 工作正常

标签： jquery debugging html-select onchange event-delegation

【解决方案1】：

使用开发人员工具栏的元素选项卡中的事件侦听器面板，我发现了根本原因。有两个委托更改事件都绑定到同一个 select 元素，该元素被包装在 div 容器中以进行样式设置。绑定到内部容器的事件返回 false，这停止传播到绑定到外部容器的事件。我意识到内部绑定是多余的，所以我将其删除以解决问题。

参考文献

【讨论】：