各要素のkeypressイベントに関数をbindします。
keypressイベントは通常、キーボードのキーが押された際に呼び出されます。
keydownとkeyupの組み合わせがkeypressになります。キーが叩かれた際の各イベントは、次の順番で呼ばれます。
- keydown
- keyup
- keypress
jQueryのイベントは、コールバック関数の最初の引数で
jQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。
サンプル
サンプル1
テキストボックスで叩かれたキーコードを表示します。
<input type="text" />
<p>Add text - </p>
<div></div>
$("input").keypress(function (e) {
if (e.which == 32 || (65 <= e.which && e.which <= 65 + 25)
|| (97 <= e.which && e.which <= 97 + 25)) {
var c = String.fromCharCode(e.which);
$("p").append($("<span/>"))
.children(":last")
.append(document.createTextNode(c));
} else if (e.which == 8) {
// backspace in IE only be on keydown
$("p").children(":last").remove();
}
$("div").text(e.which);
});
[
フレーム]