利用できるイベントの種類(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の基本
