前端学习代码实例-JavaScript阻止事件冒泡

作者: 560b7bb7b879 | 来源:发表于2019-04-29 17:30 被阅读4次

    任何现象都可能是双刃剑,有时候利用事件冒泡能够带来便利性,但是有时候也会带来不便。

    下面通过带来实例介绍一下如何阻止事件冒泡。

    代码实例如下:

    ]
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title>web前端开发学习扣qun:731771211   详细教程分享</title>
    <script type="text/javascript">
    window.onload=function(){
      var bt=document.getElementById("bt");
      var main=document.getElementById("main");
      bt.onclick=function(){
          alert("按钮事件触发");
        }
      main.onclick=function(){
          alert("div事件触发");
        }
    }
    </script>
    </head>
    <body>
    <div id="main">
      <input type="button" id="bt" value="查看效果"/>
    </div>
    </body>
    </html>
    
    
    

    更多编程知识分享,关注v-x公众号id:mtbcxx

    相关文章

      网友评论

        本文标题:前端学习代码实例-JavaScript阻止事件冒泡

        本文链接:https://www.haomeiwen.com/subject/bkxunqtx.html