在项目开发中遇到需要获取触发事件元素冒泡过程的所有元素，在Chrome中可以通过event.path获取。
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]
}
在项目开发中遇到需要获取触发事件元素冒泡过程的所有元素，在Chrome中可以通过event.path获取。 该属性...
css3的兼容性 -webkit 为chrome和Safari的兼容前缀-moz 为Firefox的兼容前缀-ms...
css兼容写法： Chrome/safari：-webkit-内核：webkit FireFox：-moz- 内核...
1.兼容性 FireFox > 49 Chrome > 49 Safari > 9.1 Opera > 41 IO...
js中使用new Date(str)创建时间对象不兼容firefox和ie 和safari的解决方式 最简洁的办法...
动画兼容 Firefox: -moz-Safari: -webkit-Opera: -o-IE: -ms- 使IE...
41.input标签存在的兼容问题？ 答: 当input标签在type为text时，在Firefox和Safari...
前端开发IE下兼容性处理 主流浏览器，IE 6，7 ，chrome ，Firefox, Safari H5标签兼容...
IE全系列、firefox、chrome、opera和safari等浏览器关于子节点的兼容问题 访问子节点chil...
关于flex布局 flex布局的兼容性chrome 21+opera 12.1+firefox 22+Safari...
本文标题：FireFox和Safari兼容event.path
本文链接：https://www.haomeiwen.com/subject/ssediftx.html
网友评论