SYNCERのロゴ
アイキャッチ画像

Event.defaultPrevented - 規定の動作がキャンセルされたか?

defaultPreventedは、Eventのプロパティです。イベントにおいて、規定の動作がキャンセルされたか否かを返します。

概要

名前
defaultPrevented
所属
Event
IDL
readonly attribute boolean defaultPrevented;
仕様書
https://dom.spec.whatwg.org/#dom-event-defaultprevented

説明

引数はありません。

preventDefault()で規定の動作がキャンセルされていたらtrue、違うならfalseを返します。

デモ

Event.defaultPreventedのデモです。チェックボックスにclickイベントを設定し、preventDefault()を実行するようになっています。規定の動作がキャンセルされると、プロパティがtrueを返すのを確認して下さい。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
	<p><label><input id="hoge" type="checkbox">チェックボックス</label></p>
<hr>
<div id="result"></div>
<script>
/** try it! **/
var callbackFn =  function ( event ) {
	event.preventDefault() ;	// コメントアウトしてみよう!

	var value = event.defaultPrevented ;

	console.log( value ) ;
	document.getElementById( "result" ).textContent = value ;
} ;

document.getElementById( "hoge" ).addEventListener( "click", callbackFn ) ;
/** try it! **/

var resultElement = document.getElementById( "result" ) ;
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
19+ 6+ 6.0+ 9+ 6.0+ 4.0+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月8日 (日)
コンテンツを公開しました。