处理div元素中的更改事件

Question

我有一个可滚动的div元素，其中有一些动态生成的复选框。每次进行不同的选择时，我都需要触发一个事件。即，选择一组不同的复选框。 我找不到任何标签的onchange（）处理程序。我可以用什么事件来处理这个功能？

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()的jQuery文档。有关事件冒泡的更多信息可以在here ^我的博客找到。