摘要：在项目开发中遇到需要获取触发事件元素冒泡过程的所有元素，在中可以通过获取。该属性在和浏览器下没问题，但是在和中发现并没有属性。进过查找资料发现，在浏览器新的标准里定义的可以获取
在项目开发中遇到需要获取触发事件元素冒泡过程的所有元素，在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]
}
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/104816.html
摘要：实例代码各游览器兼容所有识别识别识别识别有效仅有效及以下识别仅识别仅识别一般情况下我们区分只用配合就行了如果必须写这样的代码区分及以下则谨记此写法对也有效，故在其中要再重写一次或者使用方法仅对有效。 关于CSS HACK 可以参见这个网站http://browserhacks.com/。 网上很多资料中常常把!important也作为一个hack手段，其实这是一个误区。!import...
摘要：实例代码各游览器兼容所有识别识别识别识别有效仅有效及以下识别仅识别仅识别一般情况下我们区分只用配合就行了如果必须写这样的代码区分及以下则谨记此写法对也有效，故在其中要再重写一次或者使用方法仅对有效。 关于CSS HACK 可以参见这个网站http://browserhacks.com/。 网上很多资料中常常把!important也作为一个hack手段，其实这是一个误区。!import...
摘要：实例代码各游览器兼容所有识别识别识别识别有效仅有效及以下识别仅识别仅识别一般情况下我们区分只用配合就行了如果必须写这样的代码区分及以下则谨记此写法对也有效，故在其中要再重写一次或者使用方法仅对有效。 关于CSS HACK 可以参见这个网站http://browserhacks.com/。 网上很多资料中常常把!important也作为一个hack手段，其实这是一个误区。!import...
