ドキュメント : Development

JavaScript/DOMにおけるノード（要素・テキスト・コメント）の追加・置換・移動・削除について解説します。ノードの追加は要素ノードのメソッドを使用します。複数のメソッドが備わっており、種類によってノードの追加位置が異なります。

ブラウザイベントは“ブラウザ動作のWEBページで発生するイベント”です。イベントハンドラーは“イベント発生時の処理”です。JavaScriptはイベントハンドラーをHTML属性値やDOMを利用したコールバック関数として設定して実行できます。

“別の処理から呼び出すように設定した関数”をコールバック関数と呼びます。JavaScriptでは関数を引数に与えられる仕様を使ってコールバック関数を実現します。

Eventオブジェクトは“イベントの情報を表すオブジェクト”です。イベントハンドラーのコールバック関数に第１引数（仮引数）を定義した場合、自動で実行時に与えられます。

イベントをプログラムで発生させることができます。手順は次の通りです。1.Eventオブジェクトの生成。2.イベントの発生。dispatchEventメソッドにEventオブジェクトを引数で与えます。

Eventオブジェクトにはイベントを中止するメソッドが備わっています。リンクの規定動作を中止するメソッドやイベントの伝搬を中止するメソッドなど種類があります。

clickは“クリックを表すイベント”です。デスクトップパソコンのマウスクリックやスマートフォンのタップがこのイベントに該当します。HTML属性でクリックイベントを登録するにはonclick属性を使用します。DOMのaddEventListenerメソッドでクリックイベントを登録するにはイベント種別にclickを与えます。

focusは“フォーカスが当たった時を表すイベント”です。input要素などをクリックし、入力状態になった時などが該当します。HTML属性でフォーカスイベントを登録するにはonfocus属性を使用します。DOMのaddEventListenerメソッドでフォーカスイベントを登録するにはイベント種別にfocusを与えます。

changeは“値の変更が確定した時を表すイベント”です。input要素を値を入力し、Enterキーで確定した時などが該当します。HTML属性でチェンジイベントを登録するにはonchange属性を使用します。DOMのaddEventListenerメソッドでチェンジイベントを登録するにはイベント種別にchangeを与えます。

inputは“値を変更した時を表すイベント”です。input要素に値を入力した時などが該当します。HTML属性でインプットイベントを登録するにはoninput属性を使用します。DOMのaddEventListenerメソッドでインプットイベントを登録するにはイベント種別にinputを与えます。