공부하자
제이쿼리(J-Query) 이벤트 메소드 keypress() 본문
제이쿼리 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.
'J-Query·JavaS' 카테고리의 다른 글
제이쿼리(J-Query) 메소드 append() (0) | 2021.01.10 |
---|---|
제이쿼리(J-Query) 이벤트 메소드 scroll(), scrollTop() (0) | 2021.01.08 |
제이쿼리(J-Query) 이벤트 메소드 click() (0) | 2021.01.08 |
제이쿼리(J-Query) 메소드 animate() (0) | 2021.01.08 |
제이쿼리(J-Query) 메소드 setInterval() (0) | 2021.01.08 |