什么是事件的捕捉阶段和冒泡阶段

什么是事件的捕捉阶段和冒泡阶段,第1张

(1)冒泡型事件:事件按照特定事件目标特定事件目标(document象)顺序触发 IE 5.5: div ->body ->document IE 6.0: div ->body ->html ->document Mozilla 1.0: div ->body ->html ->document ->window(2)捕获型事件(event capturing):事件精确象(document 象)始触发精确(窗口级别捕获事件必须由发员特别指定)(3)DOM事件流:同支持两种事件模型:捕获型事件冒泡型事件捕获型事件先发两种事件流触及DOM所象document象始document象结束 DOM事件模型独特性质文本节点触发事件(IE) 支持W3C标准浏览器添加事件用addEventListener(event,fn,useCapture)基第3参数useCaptureBoolean值用设置事件事件捕获执行事件冒泡执行兼容W3C浏览器(IE)用attachEvent()没相关设置IE事件模型默认事件冒泡执行useCapture等于false候执行所处理事件useCapture设置false比较安全实现兼容浏览器效 事件捕获阶段:事件级标签始往查找直捕获事件目标(target)事件冒泡阶段:事件事件目标(target)始往冒泡直页面级标签 假设元素div级元素p 元素两元素都绑定click事件用户点击pdivp都触发click事件两事件处理程序哪先执行呢事件顺序 两种模型前NetscapeMicrosoft同实现式Netscapediv先触发叫做事件捕获Microsoftp先触发叫做事件冒泡两种事件处理顺序刚相反IE支持事件冒泡Mozilla, Opera 7 Konqueror两种都支持旧版本Opera’s iCab两种都支持 事件捕获使用事件捕获父级元素先触发级元素触发即div先触发p触发 事件冒泡使用事件冒泡级元素先触发父级元素触发即p先触发div触发W3C模型W3C模型两者进行W3C模型任何事件发先顶层始进行事件捕获直事件触发达事件源元素

事件分为三个阶段:

依次为 ①捕获阶段,②目标阶段,③冒泡阶段,

第一阶段:事件从文档根元素开始逐层向下传递,直到找到事件目标,

第二阶段:找到事件目标并触发相应的事件,

第三阶段:从目标逐层向上返回到根节点,


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7288256.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-03
下一篇2023-04-03

发表评论

登录后才能评论

评论列表(0条)

    保存