jquery - 处理 div 元素中的更改事件

Question

我有一个可滚动的 div 元素，其中包含一些动态生成的复选框。每次做出不同的选择时，我都需要触发一个事件。即选择了一组不同的复选框。我找不到标记的任何 onchange() 处理程序。我可以使用 div 的哪个事件来处理此功能？

Answer 1

<div />元素本身没有事件change；但是change输入的事件将通过它们的祖先冒泡；所以你仍然可以在<div />

$('div').on('change', function (e) {
    // in here, `this` is the div element and e.target is the changed checkbox
});

然而，更 jQuery-esque 的方式是将处理程序委托给<div />元素，如下所示；

$('div').on('change', 'input:checkbox', function (e) {
    // in here, `this` is the checkbox and `e.delegateTarget` is the div.
});

有关详细信息，请参阅on(). 有关事件冒泡的更多信息，请参见我^的博客。