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>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● 19+ | ● 6+ | ● 6.0+ | ● | ● 9+ | ● | ● 6.0+ | ● 4.0+ |
関連記事
- Event.preventDefault()
- preventDefault()は、Eventのメソッドです。例えばリンクをクリックした時に遷移する、チェックボックスをクリックしたらチェックが入る、などの規定の動作を行ないません。イベントの伝播は止まりません。
- GlobalEventHandlers.onselectstart
- onselectstartは、GlobalEventHandlersのイベントです。選択を開始した時にselectstartイベントが発生し、ここに設定したコールバック関数が呼び出されます。
- Event.cancelable
- cancelableは、Eventのプロパティです。イベントがキャンセル可能か否かを返します。キャンセルできる場合、preventDefault()を実行して規定の動作をキャンセルできます。
- Event.composedPath()
- composedPath()は、Eventのプロパティです。イベントが伝播するノードを順番に含んだ配列を返します。イベントフェイズにおいて、ターゲットフェイズにあたるノードが配列の先頭で、そこからバブリングフェイズで伝播する順番に、最後がWindowになるように格納されていきます。イベントが設定されているか否かは関係ありません。