「JavaScript」addEventListenerでイベントリスナを登録するサンプル
構文
EventTarget.addEventListener()
addEventListener() は EventTarget インターフェイスのメソッドで、ターゲットに特定のイベントが
配信されるたびに呼び出される関数を設定します。
addEventListener() は関数または EventListener を実装したオブジェクトを、呼び出される EventTarget における指定された
イベント種別のイベントリスナーのリストに加えることで動作します。
使用例
<!DOCTYPE html>
<html>
<body>
<div id="cft">study skill become smart</div>
<script>
const tt = document.getElementById("cft");
tt.addEventListener("click", funA);
function funA() {
console.log(this);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="cft">study skill become smart</div>
<script>
const tt = document.getElementById("cft");
tt.addEventListener("click", funA);
function funA() {
console.log(this);
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="cft">study skill become smart</div>
<script>
const tt = document.getElementById("cft");
tt.addEventListener("click", funA);
function funA() {
console.log(this);
}
</script>
</body>
</html>
実行結果
<div id="cft">study skill become smart</div>
<div id="cft">study skill become smart</div>
<div id="cft">study skill become smart</div>