event.cancelableは、イベントがキャンセル可能かどうかを返すプロパティ。
構文
event.cancelable
戻り値
- イベントがキャンセル可能であれば、「true」を返す。
- イベントがキャンセル可能でなければ、「false」を返す。
サンプル
サンプルの動作について
「このボタンのクリックイベントがキャンセル可能かどうか」ボタンをクリックすると、ボタンの右横に「true」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
window.onload = function () {
document.getElementById( "sampleButton" ).onclick = function( $event ){
document.getElementById( "sampleOutput" ).innerHTML = $event.cancelable;
};
}
</script>
window.onload = function () {
document.getElementById( "sampleButton" ).onclick = function( $event ){
document.getElementById( "sampleOutput" ).innerHTML = $event.cancelable;
};
}
</script>
HTML
<p>
<button id="sampleButton">このボタンのクリックイベントがキャンセル可能かどうか</button>
<span id="sampleOutput" style="margin-left: 10px;"></span>
</p>
<button id="sampleButton">このボタンのクリックイベントがキャンセル可能かどうか</button>
<span id="sampleOutput" style="margin-left: 10px;"></span>
</p>