事件冒泡和事件捕获的区别
事件冒泡和事件捕获这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。1、事件冒泡事件冒泡:事件会从最内层的元素开始发生,一直向上传播,直到document对象。2、事件捕获事件捕获:与事件冒泡相反,事件会从最外层开始发生,直到最具体的元素。3、addEventListener方法element.addEventListener(event, function, ...
·
事件冒泡和事件捕获这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。
1、事件冒泡
事件冒泡:事件会从最内层的元素开始发生,一直向上传播,直到document对象。
2、事件捕获
事件捕获:与事件冒泡相反,事件会从最外层开始发生,直到最具体的元素。
3、addEventListener方法
element.addEventListener(event, function, useCapture)
第一个参数是需要绑定的事件,第二个参数是触发事件后要执行的函数。而第三个参数默认值是false,表示在事件冒泡的阶段调用事件处理函数,如果参数为true,则表示在事件捕获阶段调用处理函数。
4、事件代理机制
table.addEventListener("click", function(el) {
//如果触发事件本身的类名==del,那么进行删除操作
if(el.target.className == "del") {
el.target.parentNode.parentNode.remove();
}
})
更多推荐
所有评论(0)