본문 바로가기
프로그램/jQuery

키보드 이벤트가 발생한 객체의 id값 알아내기

by 로드러너 2014. 2. 6.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

다음코드는 읽혀진 문서 상에서 키보드 이벤트가 발생하는 경우, 코드, 문자, 이벤트 발생 객체 정보를 가져오는 예제이다.

 

 

$(document).ready(function(){

$('body').keypress(function(event){

alert(event.keyCode);    //눌려진 키의 코드(10진수)

alert(Sting.fromCharCode(event.keyCode);    //눌려진 키의 코드에 해당하는 문자

alert($(event.target).attr('id'));    //키보드 이벤트가 발생한 객체의 id값

});

});

 

키보드 이벤트

keydown() : 키보드가 눌려질 때

keypress() : 문자가 입력될 때

keyup() : 키보드가 떼어질 때