JavaScript のイベントを体感しよう
ボタンをクリックしてみよう
click
クリックされた時
dblclick
ダブルクリックされた時
contextmenu
右クリックされた時
mousedown
ボタンが押された時
mouseup
ボタンが離された時
マウスポインタを要素に乗せてみよう
子要素と親要素の違いは・・・?
Child Element
mouseover
マウスポインタが要素に乗った時
mouseenter
マウスポインタが要素に乗った時
( 親要素のみ発火 )
mouseout
マウスポインタが要素から離れた時
mouseleave
マウスポインタが要素から離れた時
( 親要素のみ発火 )
mousemove
マウスポインタが要素の上を移動した時
入力したテキストを選択してみよう
select
入力テキストが選択されている時
テキストを入力してみよう
半角入力と全角入力の違いは・・・?
keydown
キーボードが押された時
keypress
キーボードが押された時
( 文字キーのみ/半角入力のみ発火 )
keyup
キーボードから離れた時
フラスコを下の要素にドラッグ&ドロップしてみよう
dragstart
ドラッグが開始された時
drag
ドラッグされている時
dragend
ドラッグが終了した時
dragenter
ドラッグ要素がドロップ要素に
乗った時
dragover
ドラッグ要素がドロップ要素に
重なっている時
dragleave
ドラッグ要素がドロップ要素から
離れた時
drop
ドロップされた時
手にマウスオーバーしてみよう
transitionend
CSS Transitionが終了した時
フォームに入力してボタンをクリックしてみよう
change
<form>要素内の値が変更されて
<form>要素からフォーカスが離れた時
input
<input>や<textarea>要素の
値が変更された時
submit
送信ボタンが押された時
reset
リセットボタンが押された時
テキストをコピー/切取り/ペーストしてみよう
cut
選択範囲が
切り取られた時
copy
選択範囲が
コピーされた時
paste
クリップボードのアイテムが
貼り付けられた時
テキスト入力欄にフォーカスを当ててみよう
focus
要素がフォーカス
されている時
blur
要素がフォーカスを
失っている時
ウインドウをリサイズ/スクロールしてみよう
resize
ウインドウがリサイズされた時
scroll
スクロールされた時
動画を再生/一時停止してみよう
play
メディアファイルが
再生された時
playing
メディアファイルが再生中の時
pause
メディアファイルの
再生が一時停止の時
progress
メディアファイルを読み込み中の時