浏览器的事件捕获和事件冒泡

冒泡

冒泡的元素很简单

当一个事件发生在一个元素上,他会首相运行在改元素的处理程序然后运行父元素上的处理程序,然后一直向上运行起亚祖先上的处理程序

假设我们有两层嵌套 他们各自有一个click事件

点击内部的div 会先执行 然后是外部的div 的click事件 一次类推知道最后的document对象

这个过程被称之为冒泡

evnt.target

引发事件的那个嵌套层级最深的元素被称为目标元素,可以通过 event.target 访问。

可以通过 event.stopPropagation() 阻止事件冒泡

捕获

事件处理的另一个方式被称为捕获,很伤应用于实际开发中但是有时是有用的

DOM事件标准描述了事件传播的三个阶段

1捕获阶段 事件从window 向下走近元素

2目标阶段 事件达到目标元素

3冒泡阶段 事件从元素开始冒泡

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值