奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > 前端面试通 > 题库 >

解释一下event delegation?阐明其是如何工作的?

时间:2018-08-30 10:18来源: 作者:Vuez
事件代理也称为事件委托,利用了事件冒泡

先了解DOM事件流

DOM模型是一个树形结构,在DOM模型中,HTML元素是有层次的。当一个HTML元素上产生一个事件时,该事件会在DOM树中元素节点与根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程就是DOM事件流。

DOM事件标准定义了两种事件流,分别是捕获事件和冒泡事件。

事件代理(event delegation)

事件代理也称为事件委托,利用了事件冒泡 。

当页面li增多时单独给每个li元素添加事件处理程序既繁琐又容易出错,利用事件冒泡,在ul去监听事件,li产生事件往上冒泡时去捕获,利用e.target来判断是否为我们的目标元素,是的话就可以做相应操作了。
 

事件冒泡机制(event bubbling)

事件冒泡(event bubbling),事件最开始时由触发的那个元素身上发生,然后沿着DOM树向上传播,直到document对象。如果想阻止事件起泡,可以使用e.stopPropagation()

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
Vuez 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2018-03-30 22:03 最后登录:2018-08-31 09:08

关注奔三路