HP作ってみる!

(162) once:true 指定で 1回だけ動作するイベントハンドラを登録する。

543 views

この記事は最終更新から 379日 が経過しています。

【1】やりたいこと

1回だけ動作するイベントハンドラを使いたい。

つまり…
1回動作した後は、自動的に消滅してほしい。

【2】やってみた

やりたいことを簡単に実現できた。
addEventListener のオプションで once:true を指定するだけだ。

document.addEventListener('click', myEventHanler, { once: true });

function myEventHanler(){
    console.log('イベント発生!');
}

アクセス数(直近7日): ※試験運用中、BOT除外簡易実装済
  • 2026-05-18: 0回
  • 2026-05-17: 3回
  • 2026-05-16: 2回
  • 2026-05-15: 0回
  • 2026-05-14: 0回
  • 2026-05-13: 0回
  • 2026-05-12: 0回
  • モバイルバージョンを終了