搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JavaScript基础教程
源代码
清空
点击运行
<!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>
运行结果