)ver1.4.3〜機能jQueryオブジェクトで指定した要素にフォーカスがあるとき、キーが離されたら引数のfunctionを実行します。引数にfunctionを設定しない場合は、要素に設定(バインド)されたfunctionを実行します。ver1.4.3からは引数にobjectオブジェクトを設定することで、実行するfunctionにデータを渡すことができます(データはイベントオブジェクトのdataプロパティ経由で渡されます)。keypressイベントと異なり「controlキー」「shiftキー」など文字入力に関係ないキーでもイベントが発生します。解説キーを離した時に実行する処理を設定サンプル(keyup/01.html)を開いてbody内にtype属性がtextのinput要素とp要素があることを確認してください。/><p></p>jQueryは以下の様に記述され、keyupメソッドの引数にfunctionの「upFunc」が設定されています。{$("input").keyup(upFunc);});keyupメソッドの引数に設定するFunctionは以下の様な構文になっています。引数(イベントオブジェクト)を受け取ります。キーを離したら実行したい処理を{}の中に書きます、何かをreturnする必要はありません。イベントオブジェクトは別項にまとめてあるので、そちらを確認してください。whichプロパティを利用して、押したキーのキーコードを取得します。appendメソッドを利用してp要素に追加していきます。");};結果として、input要素にフォーカスを当ててから何かキーを(押してから)離すとキーコードがp要素に追加されていきます。イベントのfunction設定は、無名関数を利用することが多いです。");});他の要素に設定されたキーアップ時の処理を実行するkeyupメソッドは引数を設定しないと、要素に設定されたキーアップ時の処理を実行します。サンプル(keyup/02.html)を開いてbody内にbutton要素が追加されたことを確認してください。続いてjQueryを確認してください。キーアップ時の処理はkeyup/01b.htmlと同じですが、以下の処理が追加されています。この処理によってbutton要素をクリックするとinput要素に設定されたキーアップ時の処理が実行されます。$("button").click(function(){$("input").keyup();})結果として、button要素をクリックしてもinput要素でキーを(押してから)離したのと同じように処理されます。キーではないためキーコードが取れず表示されるのは「undefined」となります。objectオブジェクトをfunctionに渡す第1引数にobjectオブジェクトを設定することで、実行するfunctionにデータを渡すことができます。dataプロパティを介して渡されます。サンプル(keyup/03.html)を開いてbody内の構成はkeyup/01b.htmlと同じ事を確認してください。jQueryは以下の様に記述され、keyupメソッドの第1引数にtestプロパティが10の値を持ったobjectオブジェクトが設定されています。このデータはイベントオブジェクト(eo)を通してfunctionに渡され、dataプロパティの値として取得できます。");})結果として、input要素にフォーカスを当ててから何かキーを(押してから)離すと、第1引数で渡されたtestプロパティの値「10」がp要素に追加されます。keydownメソッドを利用します。keypressメソッドがあります。これはキー「入力」があったときに実行する処理を設定します。「controlキー」「shiftキー」など文字が入力されないキーを押しても処理が実行されません。メモセレクタはinput要素以外でもOKですkeyupメソッドはinput要素以外にも利用できます。サンプル(keyup/test01.html)を開いてbody内にdiv要素が1つあることを確認してください。jQueryは以下の様に記述され、document(つまりページ)にフォーカスがあるときにキーを押すとdownFuncが実行され、キーを離すとupFuncが実行されます。このようにinput要素以外をセレクタにしても問題ありません。cssメソッドを利用してdiv要素の背景色を変更しているだけです。結果として、ページにフォーカスがあるときキーを押すとdiv要素がオレンジ色になり、キーを離すと青に戻ります。