【文件属性】:
文件名称:u1_lesson_event_bubbling:本课介绍了JavaScript中的事件冒泡
文件大小:4KB
文件格式:ZIP
更新时间:2021-03-16 13:07:33
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)