jQuery日本語リファレンス

jQuery does not mean Japanese Query...

Events/API/jQuery

keypress(fn)

各要素のkeypressイベントに関数をbindします。

keypressイベントは通常、キーボードのキーが押された際に呼び出されます。

keydownとkeyupの組み合わせがkeypressになります。キーが叩かれた際の各イベントは、次の順番で呼ばれます。

  1. keydown
  2. keyup
  3. 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);
});
[全コードを表示] [実行結果を単体で表示]