var oUl = document.getElementById('test');
oUl.addEventListener('click',function(ev){
var target = ev.target;
while(target !== oUl ){
if(target.tagName.toLowerCase() == 'li'){
console.log('li click~');
break;
}
target = target.parentNode;
}
})
js中的事件委托或是事件代理详解
实现一个js事件代理的模块，帮助用户快速实现事件代理。
当我们需要对很多元素添加事件的时候，可以通过将事件添加到他们的父节点来触发处理函数。 example： 我们给每个...
事件代理在JS世界中一个非常有用也很有趣的功能。当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节...
事件捕获：当某个元素触发某个事件（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节...
var oUl = document.getElementById('test');oUl.addEventLis...
JavaScript的事件机制包含，事件绑定、事件监听、事件委托（事件代理）等 js中的事件流 ① .冒泡：当下级...
事件委托就是利用事件冒泡，只指定一个时间处理程序就可以管理某一类型的所有事例。 优点：提高性能 JavaScrip...
什么是事件委托？ 举个例子，我们要实现点击 li 时打印其id 一般我们会给每一个li绑定一个事件处理函数 这种方...
js 事件委托 事件代理 JavaScript高级程序设计上解释：事件委托就是利用事件冒泡，只指定一个事件处理程序...
本文标题：js事件代理
本文链接：https://www.haomeiwen.com/subject/kyoqjqtx.html
网友评论