写代码啦
《DOM事件模型 与 事件委托》
回复数(1) 浏览数(21)
滑滑梯好玩 06月03日 11:07 最后回复来自: 王威 学习
{{topic.upvote_count || 0}} 编辑 回复

DOM事件模型

DOM事件模型分为捕获和冒泡。
事件捕获:由外到内找监听函数
事件冒泡:由内向外找监听函数

事件绑定API:baba.addEventListener('click',fn,bool)
事件在子元素和父元素之间传播时先捕获再冒泡,bool不传或为falsy值,浏览器在冒泡阶段有监听函数即调用;bool为true,浏览器在捕获阶段有监听函数即调用。
e.stopPropagation() 可中断冒泡,不可中断捕获过程

事件委托

由于事件会在冒泡阶段向上传播到父节点,因此可以把子节点的监听函数定义在父节点上,由父节点的监听函数统一处理多个子元素的事件。
优点:省监听数
可监听动态元素

{{topic.upvote_count || 0}}

DOM事件模型

DOM事件模型分为捕获和冒泡。
事件捕获:由外到内找监听函数
事件冒泡:由内向外找监听函数

事件绑定API:baba.addEventListener('click',fn,bool)
事件在子元素和父元素之间传播时先捕获再冒泡,bool不传或为falsy值,浏览器在冒泡阶段有监听函数即调用;bool为true,浏览器在捕获阶段有监听函数即调用。
e.stopPropagation() 可中断冒泡,不可中断捕获过程

事件委托

由于事件会在冒泡阶段向上传播到父节点,因此可以把子节点的监听函数定义在父节点上,由父节点的监听函数统一处理多个子元素的事件。
优点:省监听数
可监听动态元素

21
回复 编辑