xxxxxxxxxx
<!DOCTYPE html>
<html>
<title>JavaScript 事件传播event.target示例 - 基础教程(div.cn)</title>
<head>
<style>
div, p, a {
padding: 15px 30px;
display: block;
border: 2px solid #000;
}
</style>
</head>
<body>
<div>DIV
<p>P
<a href="#">A</a>
</p>
</div>
<h4> target元素可以作为event.target进行访问,在事件传播阶段不会更改:</h4>
<script>
document.querySelector("div").addEventListener("click", myFunc);
document.querySelector("p").addEventListener("click", myFunc);
document.querySelector("a").addEventListener("click", myFunc);
function myFunc() {
alert("target = " + event.target.tagName + ", this = " + this.tagName);
}
</script>
</body>
</html>