목차
- keypress() 예제 - 키보드 키 눌린 횟수.
- keypress() 정의
- keypress() 구문
keypress() 예제 - 키보드 키 눌린 횟수
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
i = 0;
$(document).ready(function(){
$("input").keypress(function(){
$("span").text(i += 1);
});
});
</script>
아이디: <input type="text">
<p>Keypress 횟수: <span>0</span></p>
결과보기
keypress() 정의
keypress 이벤트는 키보드 키가 눌렸을 때 이벤트 발생.
※ keypress() 메서드는 아래 2가지 작업 가능.
① keypress 이벤트 촉발.
② keypress 이벤트에 함수 부착.
cf.
keydown() 메서드
키보드 키가 밑으로 내려갈 때 이벤트 발생.
※ 모든 키보드 키가 작동함.
keypress() 메서드
키보드 키가 눌려졌을 때 이벤트 발생.
※ 모든 키보드 키가 작동하는 건 아님. (예: ALT, CTRL, SHIFT, ESC).
※ keypress() 안 먹히는 키보드 키는 keydown()이나 keyup()으로 체크.
keyup() 메서드
키보드 키가 위로 올라갈 때 이벤트 발생.
※ 모든 키보드 키가 작동함.
keypress() 구문
keypress 이벤트 촉발.
$(selector).keypress()
keypress 이벤트에 함수 부착.
$(selector).keypress(function)
[매개변수]
function
선택. keypress 이벤트 발생 시 실행할 함수 지정.