在项目开发中遇到须要获取触发事件元素冒泡过程的全部元素,在Chrome中能够经过event.path获取。html
element.onClick(event) { const ev = window.event || event; const path = ev.path; }
该属性在Chrome和Opera浏览器下没问题,可是在Firefox和Safari中发现event并无path属性。 进过查找资料发现,在浏览器新的标准里定义的composedPath能够获取浏览器
element.onClick(event) { const ev = window.event || event; const path = event.path || (event.composedPath && event.composedPath()); console.log(path) //[button#btn, div, body, html, document, Window] }