浏览器事件Event.deepPath属性

来源：互联网发布：sql多表删除编辑：程序博客网时间：2024/06/14 09:55

MDN文档：
https://developer.mozilla.org/en-US/docs/preview-wiki-content

据说deepPath这个属性返回了事件冒泡经过的DOM节点组成的数组

demo

code

//新建一个look事件，进行测试.var ev = new Event("look", {"bubbles":true, "cancelable":false});//在document上监听document.addEventListener('look',function(e){console.log('e',e)});//在body上模拟触发 document.body.dispatchEvent(ev);

result

Event {isTrusted: false, type: "look", target: body.s-manhattan-index, currentTarget: document, eventPhase: 3…}bubbles:truecancelBubble:falsecancelable:falsecomposed:falsecurrentTarget:nulldefaultPrevented:falseeventPhase:0isTrusted:falsepath:Array(4)    0:body.s-manhattan-index    1:html.sui-componentWrap    2:document    3:Window    length:4    __proto__:Array(0)returnValue:truesrcElement:body.s-manhattan-indextarget:body.s-manhattan-indextimeStamp:737353.2550000001type:"look"__proto__:Event

结果

没有deepPath属性，而是path属性，可以看到事件经过body-html-document-window

环境

Google Chrome版本 57.0.2987.110

0 0