webデザインメモ

webデザインの勉強をしています。ここでは、日々学んだ知識をまとめていきます。

イベント処理まとめ

 

jQyeryでは、イベントを使って処理のタイミングを設定することができる。

イベント処理をまとめていきます。

 

イベント処理が発生するときも冒頭の記述

$(function(){

});

は必須です。

 

イベントでタイミングを設定したい時は

$(function(){

  イベントが発生した時の処理

});

function(){ 以降に処理を記述します。

 

 

 

クリック時に処理を実行する

click()

 

マウスのボタンが押された時の処理を実行する

mousedown()

 

マウスのボタンが離された時の処理を実行する

mouseup()

 

マウスオーバー時に処理を実行する

mouseover()

 

マウスアウト時に処理を実行する

mouseout()

 

イベント発生時に一度だけ処理を実行する

one()

 

対象要素を絞ってイベントを登録する

on()