element.addEventListener() イベントリスナーを追加
最終更新：2026-10-13
element.addEventListener() イベントリスナーを追加
addEventListener は要素にイベントリスナーを追加します。DOM イベント処理の標準メソッドです。
| カテゴリ | DOM操作 |
|---|
⚙️ 引数
| type | |
|---|---|
| listener |
戻り値：undefined。
元の値を変更するか：いいえ（新しい値を返す）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
💡 ヒント
💡 ヒント
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.addEventListener() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する DOM メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
QaddEventListener と onclick の違いは？
AaddEventListener は複数のリスナーに対応します。onclick は1つで上書きされます。
Qリスナーを削除するには？
A同じ関数参照で removeEventListener を使います。
Qイベント委任とは何ですか？
A親でリスナーを受け、event.target を使います — 動的な子要素に便利です。
