zoukankan      html  css  js  c++  java
  • 阻止事件冒泡

    以前知道有事件冒泡,但一直遇到过,今天修改程序终于遇到了。现在总结几点

      1:什么叫事件冒泡

           在js时间处理机制中有2种事件,捕获事件事件和冒泡事件。冒泡事件是从事件源开始执行然后依次调用上一层的相同事件,知道window对象。捕获事件正巧相反。

     2:阻止事件冒泡的几种方式:

         a:在jquery中直接在事件函数末尾返回false

       

    $("form").bind( 
      "submit", 
      function() { 
        return false; 
       } 
    );
    

      

     b:原始的js阻止事件冒泡

    function stopEventBubble(event){    
          var e=event || window.event;    
         if (e && e.stopPropagation){        
              e.stopPropagation();           
             } else{      
               e.cancelBubble=true;       
           }   
       }
    

      

          c:阻止浏览器默认事件

    var el = window.document.getElementById("a");
        el.onclick = function (e) {
            //如果提供了事件对象,则这是一个非IE浏览器
            if (e && e.preventDefault) {
                //阻止默认浏览器动作(W3C) 
                e.preventDefault();
            }
            else {
                //IE中阻止函数器默认动作的方式 
                window.event.returnValue = false;
                return false;
            }
        }
    

      

         

  • 相关阅读:
    会场安排
    Comet OJ
    CodeForces1154F
    CodeForces1154E
    2019.08.25校内模拟赛Graph
    2019.08.25校内模拟赛Page
    [MtOI2019]灵梦的计算器
    [MtOI2019]永夜的报应
    [NOI2018]归程
    USACO[CowCoupons]
  • 原文地址:https://www.cnblogs.com/sliuie/p/5125867.html
Copyright © 2011-2022 走看看