zoukankan      html  css  js  c++  java
  • 阻止子元素继承父元素事件(郁闷我一晚上的问题!)

    想要阻止点击#p_cont区域时触发a事件,需要在#p_cont区域内加入阻止事件冒泡的代码,具体实现祥看本文,希望对你有所帮助。

    #p_box包括#p_cont,当点击#p_box区域任何位置时(包括#p_cont),都会触发a事件。想要阻止点击#p_cont区域时触发a事件,需要在#p_cont区域内加入阻止事件冒泡的代码。

     
    <div id="p_box" onclick="a()" style='100;height:100px;background-color:#ccc'> 
    <div id="p_cont" onclick="stopBubble(this.id)" style='50;height:50px;background-color:#eee'> 
    </div> 
    </div> 
    <script>
    function a(){ 
    //这里是a事件的代码 
    alert('a');
    } 
    function stopBubble(e) { 
    if (e && e.stopPropagation) {//非IE浏览器 
      e.stopPropagation(); 
    } 
    else {//IE浏览器 
    window.event.cancelBubble = true; 
    } 
    } 
    </script>
    

      

    效果如下:

    解决了,哇哈哈。

  • 相关阅读:
    Python中的yield详解
    Python脚本实现图片加水印
    ajax
    商城页面的增删改查
    事务及完成转账功能
    DBUtils和完善商城页面
    EL和jstl技术
    JSP
    jquery插件
    Cookie和Session
  • 原文地址:https://www.cnblogs.com/lixiuran/p/4141156.html
Copyright © 2011-2022 走看看