키보드 입력

"keydown" 이벤트를 통해 입력된 키보드의 아스키 값을 얻어올 수 있습니다.

window.addEventListener("keydown", onKeyDown);

이벤트의 keyCode를 얻어내면 됩니다.

const onKeyDown = e => {
	console.log(e.keyCode);
}

 

특정 div가 키보드 입력에 반응하게 만들려면 dataset 속성에 키보드의 아스키코드를 추가해서

맵핑하여 처리하는 방법을 생각해 볼 수 있습니다. 특정 키가 눌렸을 때 해당 키의 아스키코드를

dataset 속성으로 가지고 있는 DOM을 얻어내어 처리를 하면 됩니다. 다음처럼요.

const $key = get(`div[data-key="${keyCode}"]`);

keyCode는 deprecated 되었지만 아스키코드를 얻어낼 때는 여전히 유용합니다.