zoukankan      html  css  js  c++  java
  • 使用cancelBubble竟然可以阻止所有浏览器的冒泡?

    以前一直以为cancelBubble是IE8及以下的专属,今天做一个测试的时候意外发现了所有浏览器都支持,便提出来希望有哪位解释下。

    1.使用原生js在FF下和chrome下两种方法都可以阻止冒泡

    document.getElementById("wq").addEventListener("click",function(e){
        console.log('wq');
      },false);
      document.getElementById("we").addEventListener("click",function(e){
        console.log(e);
        // e.stopPropagation();
        e.cancelBubble = true;
      },false);

    2.使用jquery两种方法也都可以阻止冒泡

    <div id="wq">
          <span  id="we">click</span>
    </div>
    <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
      $("#wq").on("click",function(){
        console.log("wq");
      });
      $("#we").on("click",function(e){
        console.log(e);
        // e.stopPropagation();
        e.originalEvent.cancelBubble = true;
      })
    </script>
  • 相关阅读:
    hdu 4460spfa用map来实现
    hdu 2579
    hdu 2845
    hdu 4462
    hdu 4557
    hdu 4639
    URAL 2078 Bowling game
    UVA
    HDU 5773 The All-purpose Zero 脑洞LIS
    Codeforces Round #368 (Div. 2) C. Pythagorean Triples 数学
  • 原文地址:https://www.cnblogs.com/zhaodawei/p/4511694.html
Copyright © 2011-2022 走看看