[jquery]逆引きイベント編

概要

よく使っている気がするjqueryについて、〜したいときで引けるようにまとめてみました。

.click がボタン押下時のイベントになります。

$(function(){
  // id="hoge"ボタンクリック時
  $("#hoge").click(function(){
    alert("test");
  });
});

.change が値が変わった時のイベントになります。
値が変わってフォーカスが外れたときに動作します。

$(function(){
  $("input").change(function(){
    alert("test");
  });
});

$(function()){} の中に処理を書いておけば画面ロード時に動いてくれます。

$(function(){
  alert("test");
});

.focusがフォーカスがついた時のイベントになります。

$(function(){
   $("#hoge").focus(function(){
　   alert("test");
  });
});

.blur がフォーカスが外れた時のイベントになります。

$(function(){
   $("#hoge").blur(function(){
　   alert("test");
  });
});

.dblclick がダブルクリック時のイベントになります。

$(function(){
   $("#hoge").dblclick(function(){
     alert("test");
   });
});

キーボードのキーが押されたときに処理したい場合です。
引数でイベントコードを取得でき、どのキーが押されたか判定に使うことができます。

$(function(){
   $("#hoge").keydown(function(e){
     alert(e);
   });
});

上記が試せるサンプルコードを書いてみました。

デモページで動作確認できます:)