搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JavaScript基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>JavaScript 冒泡事件传播示例 - 基础教程(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>点击任何元素,观察弹出警告窗口的顺序:</h4> <script> document.querySelector("div").addEventListener("click", myFunc); document.querySelector("p").addEventListener("click", myFunc); document.querySelector("a").addEventListener("click", myFunc); function myFunc() { alert("Bubbling: "+ this.tagName); // this关键字表示当前元素(即附加了当前正在运行的处理程序的元素)。 } </script> </body> </html>
运行结果