FireFox和Safari兼容eventpath

36次阅读

共计 397 个字符,预计需要花费 1 分钟才能阅读完成。

在项目开发中遇到需要获取触发事件元素冒泡过程的所有元素,在 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]
}

正文完
 0