[Javascript] 값 입력 후 엔터(Enter)키 눌렀을 때 이벤트 실행

Input 요소의 [type="text"] 내에 값 입력 후 Enter 눌렀을 때 이벤트 발생.

<input type="text" id="value" placeholder="텍스트 입력 후 엔터" onkeypress="EnterKey(event)">

function EnterKey(e){
  var value = document.getElementById("value").value;
  if(e.keyCode == 13){
    document.getElementById("results").innerText = value;
  }
}

 
onkeypress 통해 키보드 키 입력 시 이벤트 불러옴.
event.keyCode==13 통해 Enter 이벤트 발생 시 작업 실행 될 수 있도록 함.
 
 
<실행 예시>
See the Pen Untitled by 조윤주 (@gnlvrezv-the-solid) on CodePen.