标签:el 捕获 参数 冒泡 addEventListener 事件
事件冒泡和事件捕获这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。
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(); } })
标签:el,捕获,参数,冒泡,addEventListener,事件 来源: https://www.cnblogs.com/smile-fanyin/p/16693163.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。