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

by 조쉬 posted Sep 21, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

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

 

 

$(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() : 키보드가 떼어질 때