イベント体験プレイグラウンド
ボタンや入力にイベントリスナーを追加して、addEventListener の動きをその場で確認しよう。
操作する要素
ボタン
テキスト入力
カラーボックス
ホバーしてね
監視するイベント
(リスナーなし)
イベントログ
リスナーを追加して要素を操作すると、ここにイベントが表示されます
使い方
- 「監視するイベント」のチェックボックスで確認したいイベントを選ぼう(複数選択OK)
- + リスナー追加 ボタンを押して、イベントリスナーをアタッチしよう
- ボタンをクリックしたり文字を入力したりすると、右パネルにイベントログが流れるよ!