[JQuery] 키보드 이벤트

김나영·2023년 10월 23일
0

JQuery

목록 보기
2/4

keydown

사용자가 키를 누를 때 실행
특정 키의 누름을 감지하고 처리 가능

$(document).keydown(function(event) {
  if (event.which == 13) {
    // Enter 키를 눌렀을 때 실행할 동작
  }
});

keyup

사용자가 키를 놓을 때 실행 (키 입력 후)
특정 키의 놓음을 감지하고 처리 가능

$(document).keyup(function(event) {
  if (event.which == 27) {
    // Esc 키를 놓을 때 실행할 동작
  }
});

keypress

실제 문자 입력시 실행
키보드의 특정 키에서 실행 안됨 (기능키)

$(document).keypress(function(event) {
  var charCode = event.which;
  var typedChar = String.fromCharCode(charCode);
  // 입력된 문자 처리
});

keycode


출처:https://www.jkun.net/164

enterkey 이벤트

keyword input에서 enter를 눌렀을때 검색 기능이 실행되게 하는 이벤트

$("#keyword").on("keyup", function(key){
	if(key.keyCode == 13){
		search();
	}
});
profile
응애 나 애기 개발자

0개의 댓글