keyup()

このエントリーをはてなブックマークに追加

keyup()はキーボードが押し上げられた際に発火するイベントです

次のサンプルでは何か入力しようすると、キーボードが押し上げられた際に入力フィールドが赤色に変化します。

$(".target").keyup(function(){
	$(this).css("background","red");
});

sample

次のようにイベントオブジェクト「keyCode」により押されたキーのコードを取得することができます。

$(".target").keyup(function(e){
	alert(e.keyCode);
});

sample

どこキーがどのキーコードに対応しているかは「キーコード取得」で調べることができます。

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)のエントリー

検索

スポンサードリンク

バージョン

リファレンス