keyup()
keyup()はキーボードが押し上げられた際に発火するイベントです
次のサンプルでは何か入力しようすると、キーボードが押し上げられた際に入力フィールドが赤色に変化します。
$(".target").keyup(function(){
$(this).css("background","red");
});
次のようにイベントオブジェクト「keyCode」により押されたキーのコードを取得することができます。
$(".target").keyup(function(e){
alert(e.keyCode);
});
どこキーがどのキーコードに対応しているかは「キーコード取得」で調べることができます。
keyupイベントを発火時にイベントデータを引き渡すことが可能です。
$(".target").keyup("ok",function(e){
alert(e.data);//ok
});
引数に何も指定しないことで設定しておいたkeyupイベントを発火させる事も可能です。
$(".target").keyup(function(){
$(this).css("background","red");
});
$("button").click(function(){
$(".target").keyup();
});
この場合はボタンをクリックした際も.targetのkeyupイベントが動作します。
jQuery 1.0.0での追加/変更keyup()はjQuery 1.0で定義されたメソッドです。
jQuery 1.4.3での追加/変更jQuery 1.4.3よりイベントデータを扱うことが可能になりました。
参考URL
.keyup() | jQuery API Documentation
登録日 : 2013年06月12日 最終更新日 : 2013年6月12日
同じカテゴリー(Events)のエントリー
- change()
- blur()
- unload()
- unbind()
- submit()
- select()
- scroll()
- mouseleave()
- mouseenter()
- keyup()
- keypress()
- keydown()
- focusout()
- focusin()
- focus()
- die()
- delegate()
- dblclick()
- bind()
- undelegate()
- error()
- off()
- resize()
- mouseup()
- mousemove()
- mousedown()
- mouseout()
- mouseover()
- click()
- on()
- load()
- ready()