composedPath() 事件方法
JavaScript基础 2022-06-08 12:04:42小码哥的IT人生shichen
composedPath() 事件方法
实例
当前事件的事件流是什么：
function func1(event) {
alert(event.composedPath());
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<style>
div {
padding:50px;
background-color:rgba(255, 0, 0, 0.2);
text-align:center;
cursor:pointer;
}
</style>
<script>
function func1(event) {
alert(event.composedPath());
}
</script>
<h1>composedPath() 方法</h1>
<p>请点击 DIV 1：</p>
<div>DIV 2
<div onclick="func1(event)">DIV 1</div>
</div>
<p>composedPath() 方法返回当前事件将通过的所有元素。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
composedPath() 方法以正确的执行顺序返回包含事件流中元素的对象数组。
浏览器支持
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| composedPath() | 53 | 不支持 | 52 | 支持 | 支持 |
语法
event.composedPath()
参数
无
技术细节
| 返回值： | HTML 元素的数组 |
|---|
