js STUDIO

event.isPropagationStopped()

event.isPropagationStopped() 1.3追加

戻り値:Boolean

event.stopPropagation()メソッドが実行されているかどうかを調べます。 このイベントメソッドは W3C DOM Level 3 specification にて、説明されています。

デモ

event.stopPropagation()が呼ばれたかどうかを判定します。 

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  5. </head>
  6. <body>
  7. <button>クリックしてください</button>
  8. <div id="stop-log"></div>
  9. <script>
  10. function propStopped(e) {
  11.   var msg = "";
  12.   if ( e.isPropagationStopped() ) {
  13.     msg = "既に、stopPropagation は呼ばれています。"
  14.   } else {
  15.     msg = "まだ、stopPropagation は呼ばれていません。";
  16.   }
  17.   $("#stop-log").append( "<div>" + msg + "</div>" );
  18. }
  19. $("button").click(function(event) {
  20.   propStopped(event);
  21.   event.stopPropagation();
  22.   propStopped(event);
  23. });
  24. </script>
  25. </body>
  26. </html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM