• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • event.isPropagationStopped()

    根据事件对象中是否调用过 event.stopPropagation()方法,来返回一个布尔值。

    event.isPropagationStopped()

    这个方法不接受任何参数。


    例子

    检测 event.stopPropagation()是否被调用过。

    <!DOCTYPE html>
    <html>
    <head>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
     
      <button>click me</button>
      <div id="stop-log"></div>
     
    <script>
     
    function propStopped(e) {
      var msg = "";
      if ( e.isPropagationStopped() ) {
        msg =  "called"
      } else {
        msg = "not called";
      }
      $("#stop-log").append( "<div>" + msg + "</div>" );
    }
     
    $("button").click(function(event) {
      propStopped(event);
      event.stopPropagation();
      propStopped(event);
    });
    </script>
     
    </body>
    </html>