[JQUERY] 텍스트 필드에 어떤 키가 입력되었는지 확인하기

텍스트 필드에 어떤 키가 입력되었는지 확인하기

텍스트 필드에 어떤 키가 입력되었는지 확인하기

1. 샘플예제

이름 :

- 결과화면

2. 소스코드

<%----javascript start-----------------------------------------------------%>

<script type="text/javascript">

$(document).ready(function(){

$( "#name" ).keypress( function( event ){

$( "#inputViiew" ).text( "입력 키보드 코드 : " + event.keyCode );

});

});

</script>

<%----javascript end-----------------------------------------------------%>

<%----HTML start---------------------------------------------------------%>

이름 : <input type="text" id="name" name="name">

<p id="inputViiew"></p>

<%----HTML end-----------------------------------------------------------%>

3. 설명

키보드의 키를 누르면 동작하는 이벤트 핸들러를 생성한다.

이벤트 핸들러에 입력된 키보드 키값의 코드 값을 표시한다

  

참고 Jquery API : 

http://api.jquery.com/keypress/

http://api.jquery.com/keyup/

http://api.jquery.com/keydown/

- keypress( handler )

  : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 누르면 이벤트 핸들러가 실행됩니다.

- keyup( handler )

  : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 눌렀던 키를 놓았을 때 이벤트 핸들러가 실행됩니다.  

  

- keydown( handler )

  : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 처음 누르면 이벤트 핸들러가 실행됩니다.