Event handler


イベントハンドラの説明


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>