event.isPropagationStopped()

event.isPropagationStopped() 1.3追加

戻り値:Boolean

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

デモ

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

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>クリックしてください</button>
<div id="stop-log"></div>
<script>
function propStopped(e) {
  var msg = "";
  if ( e.isPropagationStopped() ) {
    msg = "既に、stopPropagation は呼ばれています。"
  } else {
    msg = "まだ、stopPropagation は呼ばれていません。";
  }
  $("#stop-log").append( "<div>" + msg + "</div>" );
}
$("button").click(function(event) {
  propStopped(event);
  event.stopPropagation();
  propStopped(event);
});
</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM