WEB(웹)/jQuery
키보드 이벤트
SharingWorld
2018. 7. 2. 13:08
키보드 이벤트
이벤트 이름 | 설명 |
---|---|
keydown | 키보드를 누를 때 발생합니다. |
keypress | 글자가 입력될 때 발생합니다. |
keyup | 키보드를 뗄 때 발생합니다. |
ex) 동적으로 글자 수를 세기
$(document).ready(function() {
$('textarea').keyup(function() {
// 남은 글자 수를 구합니다.
var inputlength = $(this).val().length;
var remain = 150 - inputLength;
// 문서 객체에 입력합니다.
$('h1').html(remain);
});
});
<키보드 이벤트 발생 순서>
1. 사용자가 키보드를 누릅니다.
2. keydown 이벤트가 발생합니다
3. 글자가 입력됩니다
4. keypress 이벤트가 발생합니다
5. 사용자가 키보드에서 손을 뗍니다
6. keyup 이벤트가 발생합니다