Recent Posts
Link
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
관리 메뉴

공부하자

제이쿼리(J-Query) 이벤트 메소드 keypress() 본문

J-Query·JavaS

제이쿼리(J-Query) 이벤트 메소드 keypress()

bluemoon527 2021. 1. 8. 20:32

제이쿼리 keypress() 이벤트 메소드

: 선택한 요소에서 키보드를 눌렀을 때 발생하는 이벤트,

keypress() 외에 keydown(), keyup() 키보드 관련 이벤트 메소드도 있다.

 

 

- keypress() : selector 에 키보드 자판을 눌렀을 때 발생 (기능키를 제외한 모든 키, F1 ~ F12, Alt, Ctrl)

- keydown() : selector 에 키보드 자판을 눌렀을 때 발생 (자판의 모든 키, 한글 제외)

- keyup() : selector 에 키보드 자판을 눌렀다 땔 때 발생

 

 

 

문법

$("selector").keypress(function(){

  //  code

});

 

 

 

ex.

$(".wrap .ipt").keypress(function(event){  // keypress 이벤트 실행시 일어나는 일(정보)을 변수 event에 담는다

    alert(event.key); // 변수 event 에 담긴 내용을 출력

  });

});

 

 

* click 이벤트의 경우 마우스 클릭에 반응만 하는 함수라면 keypress의 경우 반응하는 키의 정보를 얻을 수 있다.

 

 

 

 

 

api.jquery.com/keypress/#keypress-eventData-handler

 

.keypress() | jQuery API Documentation

Description: Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element. Note: as the keypress event isn't covered by any official specification, the actual behavior encountered when using it may differ across browsers, b

api.jquery.com

 

 

 

 

 

test.

ryu8811.github.io/jungle/class_4/06_input.html

Comments