jquery - 带有选择元素的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，这停止传播到绑定到外部容器的事件。我意识到内部绑定是多余的，所以我将其删除以解决问题。

参考

• 查看元素事件监听器

• Chromium 开发工具博客

• 选择菜单小部件 | jQuery UI API 文档