More than 1 year has passed since last update.

addEventListenerの構文と(e)について

Posted at 2023-05-06

対象者

まず役割2つあります。

①イベント発生時に関数を呼び出す.
②イベントオブジェクト（e）を生成する。

①について.
構文

○○.addEventListener(A,B)
○○がAされたらBを実行する。
A=イベント
B＝関数

例　

button.addEventListener(“click”,output )
function output{console.log(“ボタンが押されました”)}

意味
ボタンがクリックされたらoutputという関数を実行する.
output = コンソールにボタンが表示されましたと表示する

②に関して.
イベントオブジェクト（e）＝addEventListenerの第一引数（click）の情報がたくさん詰まっている.
例えば
イベントを発生させた要素やクリック位置に関するものなど。