事件冒泡能到html元素

最新推荐文章于 2022-09-08 11:50:12 发布

令狐风云

最新推荐文章于 2022-09-08 11:50:12 发布

阅读量132

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_48079602/article/details/116464992

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" onclick="htmlClick()">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>

<body onclick="bodyClick()">

  <div onclick="divClick()">
    <button onclick="btn()">
            <p onclick="p()">点击冒泡</p>
        </button>
  </div>
  <script>
    function p() {
      console.log('p标签被点击')
    }

    function btn() {
      console.log("button被点击")
    }

    function divClick(event) {
      console.log('div被点击');
    }

    function bodyClick() {
      console.log('body被点击')
    }

    function htmlClick() {
      console.log('html被点击')
    }
  </script>

</body>

</html>