码迷,mamicode.com
首页 > Web开发 > 详细

取消html中onclick的事件冒泡

时间:2018-12-25 00:05:05      阅读:1341      评论:0      收藏:0      [点我收藏+]

标签:oct   技术   onclick   opened   text   cti   sed   img   tle   

   阻止html中onclick事件冒泡,处理方法上多加事件一个参数,不需要传值。

技术分享图片
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
   
</head>
<body>
    <div style=‘background:red;width:200px;height:50px‘ onclick=‘a()‘>
        <input type=‘button‘ value=‘ok‘ onclick=‘b()‘></input>
    </div>
   <script type="text/javascript">
     function a(e){
        alert("this div")
     }
      function b(e){
        alert("this button")
        if(e&&e.stopPropagation){
            e.stopPropagation();
        }else{
        window.event.cancelBubble =true;
        }
     }
    </script>
</body>
</html>
View Code

结果:阻止,button按钮上的click事件冒泡

取消html中onclick的事件冒泡

标签:oct   技术   onclick   opened   text   cti   sed   img   tle   

原文地址:https://www.cnblogs.com/licorice/p/10171713.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!