이렇게 하고 { ... } 에 실행할 코드 넣으면 된다. 길게 쓸거면 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 등과 같은 이벤트를 걸어둘 수도!
'프로그래밍 언어 > Javascript' 카테고리의 다른 글
Javascript) ES6 기본 개념과 문법 정리 (0) | 2022.03.21 |
---|---|
Javascript) Chrome에서 calc() 사용하기 (0) | 2022.01.25 |
Javascript) http에서 클립보드 쓰기 기능 사용하기 (0) | 2021.12.01 |
Javascript) 자바스크립트의 핵심 원리 : 실행 컨텍스트 Execution Context (0) | 2021.11.30 |
Javascript) Event Loop 비동기 콜백, 자바스크립트 동작 원리 (0) | 2021.11.30 |