JavaScript

JavaScript preventDefault method.

preventDefault

　Eventインターフェースの preventDefault() メソッドは、ユーザーエージェントに、イベントが明示的に処理されない場合にその既定のアクションを通常どおりに行うべきではないことを伝えます。このイベントは通常、イベントリスナーの1つが stopPropagation() または stopImmediatePropagation() を呼び出し、いずれかが一度に伝播を終了しない限り、伝播し続けます。

　以下にある通り、preventDefault() をキャンセル不可のイベントのために呼び出すと、例えば EventTarget.dispatchEvent() を cancelable:true の指定なく呼び出した場合、効果がありません。

構文


event.preventDefault();

Example of use

既定のクリック処理のブロック

　チェックボックスのクリック時、既定の動作ではチェックボックスが切り替わります。この既定の動作を止める方法を以下に示します。

Please click on the checkbox control.

HTML source


<p>Please click on the checkbox control.</p>
<form>
	<label>Checkbox:<input type="checkbox" id="id_checkbox"></label>
</form>
<div id="output_box"></div>

JavaScript source


document.querySelector("#id_checkbox").addEventListener("click",function(event) {
	event.preventDefault();
	document.getElementById("output_box").innerHTML += "Sorry! <code>preventDefault()&jt;/code> won't let you check this!<br>";
}, false);