イベント体験プレイグラウンド

ボタンや入力にイベントリスナーを追加して、addEventListener の動きをその場で確認しよう。

操作する要素

ボタン
テキスト入力
カラーボックス
ホバーしてね

監視するイベント

(リスナーなし)

イベントログ

リスナーを追加して要素を操作すると、ここにイベントが表示されます

使い方

  1. 「監視するイベント」のチェックボックスで確認したいイベントを選ぼう(複数選択OK)
  2. + リスナー追加 ボタンを押して、イベントリスナーをアタッチしよう
  3. ボタンをクリックしたり文字を入力したりすると、右パネルにイベントログが流れるよ!

イベントについてもっと学ぼう

関連ツール

詰まったら、ここから質問してね ❓

僕が直接返事するので、数日以内に届きます。

質問フォームへ