JavaScript イベントハンドラーとしての関数のサンプル
環境
Google Chrome 125.0.6422.176（Official Build） （64 ビット）
構文
var handleClick =function(event){
}
関数をイベントの結果として起動したい場合は、関数をそのイベントに結び付ける必要があります。
そうすれば、その関数がイベントハンドラーになります。
使用例1
let button = document.getElementById(“clicker");
button.addEventListener(“click",handleClick);
DOM にアクセスして、ボタンへの参照を取得し、それを値として渡す方法で
handleClick というイベントリスナーを代入します (括弧はありません)。
使用例2
DOM API を使用すると、開発者が対話性やユーザーの動作に対する応答性の高い
UI を柔軟に作成できるようになります。また、機能をオフにする必要がある場合に、開発者がイベントリスナーを削除できます。
button.removeEventListener(“click",handleClick);
使用例3
イベントリスナーとして追加された無名関数が表示されます。
button.addEventListener(“click", function(event){
//…anonymous function body…
});
removeEventListener を使用して無名関数を削除することはできません。関数を識別するために渡すポインターがないためです。