Event handler
4718 ワード
イベントハンドラの説明
Handlerでfalseを返すのは例外です.
イベントハンドラが返す値は通常無視されます.
例外として、onを使用して割り当てられたハンドルからfalseを返すことがあります.
他の値は戻っても無視されます.trueも無視されます.
Event.preventDefault()
The preventDefault()
method of the Event interface tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be.
preventDefault()メソッドを使用して、デフォルトのブラウザイベントがドキュメントに到達すると、イベントが発生します.defaultPreventedフラグが開いていることを確認し、デフォルトの操作をキャンセルします.document.querySelector("#id-checkbox").addEventListener("click", function(event) {
document.getElementById("output-box").innerHTML += "Sorry! <code>preventDefault()</code> won't let you check this!<br>";
event.preventDefault();
}, false);
<p>Please click on the checkbox control.</p>
<form>
<label for="id-checkbox">Checkbox:</label>
<input type="checkbox" id="id-checkbox"/>
</form>
<div id="output-box"></div>
Reference
この問題について(Event handler), 我々は、より多くの情報をここで見つけました
https://velog.io/@hqillz/Event-handler
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
The
preventDefault()
method of the Event interface tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be.preventDefault()メソッドを使用して、デフォルトのブラウザイベントがドキュメントに到達すると、イベントが発生します.defaultPreventedフラグが開いていることを確認し、デフォルトの操作をキャンセルします.
document.querySelector("#id-checkbox").addEventListener("click", function(event) {
document.getElementById("output-box").innerHTML += "Sorry! <code>preventDefault()</code> won't let you check this!<br>";
event.preventDefault();
}, false);
<p>Please click on the checkbox control.</p>
<form>
<label for="id-checkbox">Checkbox:</label>
<input type="checkbox" id="id-checkbox"/>
</form>
<div id="output-box"></div>
Reference
この問題について(Event handler), 我々は、より多くの情報をここで見つけました https://velog.io/@hqillz/Event-handlerテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol