文件名称:u1_lesson_event_bubbling:本课介绍了JavaScript中的事件冒泡
文件大小:4KB
文件格式:ZIP
更新时间:2024-04-05 06:54:13
HTML
事件冒泡 课程概述 在本课程中,我们将学习所有有关事件如何通过DOM“冒泡”的知识。 目标 描述事件冒泡 证明事件冒泡发生 访问事件参数 区分事件的target和currentTarget 停止事件传播 课程说明 什么是事件冒泡? 当元素嵌套在DOM中时,DOM需要一种方法来确定应该触发事件的元素。 如果在外部元素(绿色框)上设置了单击事件侦听器,是否在内部元素(粉红色框)上单击也会触发事件? 粉色框是否以某种方式“阻止”了事件? “点击我”文字会阻止它吗? 什么属于绿色盒子? document . querySelector ( '.outside' ) . addEventListener ( 'click' , ( ) => { console . log ( 'OUTSIDE is clicked' ) ; } ) ; 绿色框内的任何内容均不会阻止该
【文件预览】:
u1_lesson_event_bubbling-main
----event_bubbling()
--------app.js(52B)
--------style.css(326B)
--------index.html(334B)
----readme.md(8KB)