本篇文章的内容包括:
一,事件流
二,移除事件监听
三,其他事件
四,元素尺寸与位置
一,事件流
事件流是什么呢?
事件流是指事件执行过程中的流动路径。
我们发现,一个完整的事件执行过程中有两部分组成:捕获阶段和冒泡阶段。
这两个阶段很好理解,捕获阶段就是从外到内的去执行同名事件,假设存在父子div并且同时绑定点击事件,当我们点击子div时会先执行父div的事件再去执行子div的事件。冒泡阶段就是反过来,先执行子元素的事件,再执行父元素的事件。
元素.addEventListener('click', 回调函数, 是否使用捕获)
我们可以使用上述方法来改变事件是否捕获,一般使用冒泡阶段,或者干脆冒泡阻断,让每个元素的事件独立起来。那我们该怎么阻止冒泡呢?
阻止冒泡
阻止冒泡,我们只需要获取事件对象e,再调用e的stopPropagation 方法来专门阻止事件传播。
<body>
<div class