본문 바로가기

프로그래밍 언어/Javascript

Javascript) Input에서 엔터누르면 이벤트 트리거

이렇게 하고 { ... } 에 실행할 코드 넣으면 된다. 길게 쓸거면 inline말고 함수형으로도 가능! 

<input type="text" onKeypress="javascript:if(event.keyCode==13){...}">

 

예시 

<input type="text" onKeypress="javascript:if(event.keyCode==13){document.getElementById('complete-btn').click()}">
<button type="button" id="complete-btn">완료</button>

이렇게 하면 Input에 뭔가 입력하다가 엔터를 누르면 button을 클릭한 것과 같은 이벤트를 트리거할 수 있다. 그리고 이 버튼에 api call 등과 같은 이벤트를 걸어둘 수도!