JavaScript原生+jQuery 事件委托
// 原生JavaScript实现事件委托
document.addEventListener('click', function(event) {
var target = event.target;
if (target.tagName === 'LI') {
alert('你点击了列表项：' + target.textContent);
}
});
// jQuery实现事件委托
$(document).on('click', 'li', function() {
alert('你点击了列表项：' + $(this).text());
});这段代码展示了如何使用原生JavaScript和jQuery来实现事件委托。在原生JavaScript中，我们为document添加了一个点击事件监听器，当点击事件发生时，检查事件的目标是否为LI元素，如果是，则执行相应的操作。在jQuery中，我们使用.on()方法为document添加一个事件处理程序，该处理程序会在所有li元素上捕获事件，并执行相应的操作。
评论已关闭