[jQuery] enter Event 처리하기 keyCode / key

keyup : 누른 키에서 손을 뗄 때 실행.

$("#아이디명").keyup(function(e){
 if(e.keyCode == 13){
   // 호출할 함수나 기능 작성
  }
});

$("#아이디명").keyup(function(e){
 if(e.which == 13){
   // 호출할 함수나 기능 작성
  }
});

keydown : 키보드에 어떠한 키가 눌려도 실행 

$("input[name=name명]").keydown(function(e) {
  if(e.keyCode == 13){
   // 호출할 함수나 기능 작성
  }
});

$("input[name=name명]").keydown(function(e) {
  if(e.which == 13){
   // 호출할 함수나 기능 작성
  }
});

Key	Code	Key	Code	Key	Code
backspace	8	e	69	숫자패드 8	104
tab	9	f	70	숫자패드 9	105
enter	13	g	71	숫자패드 *	106
shift	16	h	72	숫자패드 +	107
ctrl	17	i	73	숫자패드 -	109
alt	18	j	74	숫자패드 .	110
pause/break	19	k	75	숫자패드 /	111
caps lock	20	l	76	f1	112
ESC	27	m	77	f2	113
page up	33	n	78	f3	114
page down	34	o	79	f4	115
end	35	p	80	f5	116
home	36	q	81	f6	117
left arrow	37	r	82	f7	118
up arrow	38	s	83	f8	119
right arrow	39	t	84	f9	120
down arrow	40	u	85	f10	121
insert	45	v	86	f11	122
delete	46	w	87	f12	123
0	48	x	88	num lock	144
1	49	y	89	scroll lock	145
2	50	z	90	;	186
3	51	left window key	91	=	187
4	52	right window key	92	,	188
5	53	select key	93	-	189
6	54	숫자패드 0	96	.	190
7	55	숫자패드 1	97	/	191
8	56	숫자패드 2	98	`	192
9	57	숫자패드 3	99	[	219
a	65	숫자패드 4	100	(백슬래시)	220
b	66	숫자패드 5	101	]	221
c	67	숫자패드 6	102	‘	222
d	68	숫자패드 7	103

 

---

 

Detect the Enter key in a text input field

* 참고: 이전 속성( .keyCode및 .which)은 더 이상 사용되지 않는다. * 

* e.key === "Enter" 를 사용하자! 

$(document).keyup(function(e) {
   // focus 되고 enter눌렀을 경우 
   if ($(".클래스명").is(":focus") && e.key == "Enter") {
      // 호출할 함수나 기능 작성
   }
});

$(document).keyup(function (e) {
   // focus 되고 enter눌렀을 경우 
   if ($(".input1:focus") && (e.key == "Enter")) {
     // 호출할 함수나 기능 작성
   }
});