利用できるイベントの種類(jQuery)
jQueryでイベントを追加するには次のいずれかのように書きます。$(セレクター).イベント(function(){
処理内容
});
$(セレクター).bind(イベント,function(){
処理内容
});
jQueryで利用できるイベントには以下のようなものがあります。
上記の「イベント」が実際のイベント名になります。
イベント名 | イベント発生条件 |
---|---|
click() | クリック時 |
dblclick() | ダブルクリック時 |
keydown() | キーボードのキーを押した時 |
keypress() | キーボードのキーを押した時(keydownを使用するのが一般的) |
keyup() | キーボードのキーを押した、離した時 |
mousedown() | マウスの左ボタンを押した時 |
mousedup() | マウスの左ボタンを押し、離した時 |
mouseover() | マウスカーソルが乗った時 |
mouseout() | マウスカーソルが外れた時 |
mousemove() | マウスカーソルが動いた時 |
focus() | フォーカス時 |
blur() | フォーカスを失った時 |
select() | 選択された時 |
change() | input要素で変更された時 |
submit() | フォーム送信時 |
unload() | ページの再読み込み時 |
error() | ページでエラーが発生した時 |
$(document).ready() | ページが読み込まれた時 |
$(window).scroll() | ページがスクロールした時 |
$(window).resize() | ウィンドウサイズが変更された時 |
関連する内容
Javascriptの基本