keypress(fn)

各要素の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);
});