jQuery에서 keypress 이벤트 사용

각 요소의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);

});