JavaScript 엔터키 (Enter Key) 감지 방법, 이벤트 처리

 

JavaScript에서 엔터키를

감지하는 방법은

아주 간단합니다.

 

일반적으로 input과 같은 태그에서

엔터를 눌렀을 때 이벤트를

처리할 때가 많이 있습니다.

 

간단하게 input태그에서 Enter키를

입력 받았을 경우로 예제를 들어서

확인해보겠습니다.

 

 

function keydown()
{
  if (this.event.keyCode == 13) // Enter의 KeyCode인 13이 입력되면
  {
    console.log('Enter'); // Enter
  }
}
</script>

<input type="text" onkeydown="keydown()"/>

 

위의 예제를 확인해보면

input태그에 onkeydown 이벤트가 존재하여

키보드 입력값이 들어왔을 때 keydown함수를

호출합니다.

 

모든 입력이벤트가 감지되지만

엔터키의 keyCode는 "13"이기 때문에

"13"일 경우에만 이벤트를

처리하면 됩니다.

 

 

  <input type="text" onkeydown="if(event.keyCode == 13) alert('Enter');"/>

 

위와 같이 onkeydown 이벤트 내에서

keyCode를 받아 한줄로 처리하는 것도

가능합니다.