[Javascript] 입력창에서 엔터키 입력 시 이벤트

웹 페이지에서 입력 칸에 무언가 입력한 뒤에 엔터키를 입력하면

페이지가 이동하는 등의 이벤트를 주고 싶을 때 keydown 이벤트를 활용할 수 있다.

 

이벤트를 처리할 때 함수의 파라미터로 event가 넘어오는데 이곳에 입력한 키의 정보가 담겨있다.

키마다 각각 번호가 있는데 그중 keyCode == 13 이 엔터키를 뜻한다.

 

주의할 점은 event 파라미터는 자동으로 생성되는 것이지만

함수의 파라미터에 변수명이 어찌됐든 함수에 반드시 변수명을 명시해주어야한다는 점이다.

 

window.onload = function(){

	let textInput = document.querySelector('#textInput');
    textInput.addEventListener('keydown', function(e){
        if(e.keyCode == 13){
        	// 실행 내용
        }
    });
    
}