带有select元素的jQuery事件委托？

Question

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

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

虽然on事件绑定没有：

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

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

Answer 1

使用Developer Toolbar的Elements选项卡中的Event Listeners面板，我发现了根本原因。有两个委托的更改事件都绑定到同一个select元素，该元素包含在div容器中以进行样式化。绑定到内部容器的事件返回false，这会停止传播到绑定到外部容器的事件。我意识到内部绑定是过度杀伤，所以我删除它来解决问题。

<强>参考

• Viewing element event listeners

• Chromium Devtools Blog

• Selectmenu Widget | jQuery UI API Documentation