자바스크립트 키코드 확인하기

https://marshall-ku.github.io/Javascript-Keycode/

자바스크립트 "keydown", function 등을 사용하는 키 코드나 키가 헷갈릴 때 사용할 수 있는 페이지입니다.

/*

원활한 사용을 위해 원래 사용하시던 단축키는 대부분 비활성화했습니다.

ctrl + w 같은 건 잘 먹힙니다.

*/

접속해서 아무 키나 누르시면

event.key

event.location

event.which

event.code

네 가지 옵션을 확인하실 수 있습니다.

event.which 에 적힌 내용이 event.keyCode 등과 동일하다고 보시면 됩니다.

하지만 MDN에서 확인해보시면, 더는 사용하지 말라 해놨으니 이왕이면 다른 옵션들을 사용하시는 걸 추천합니다. 뭐 굳이 키 코드 외울 필요 없이 event.key 등이 훨씬 편리하긴 하니까요.

키보드를 입력하면 알림 창에 event.which나 event.keyCode를 사용하지 말라는 문구가 나옵니다.

ctrl처럼 event.ctrlKey 같은 옵션을 사용할 수 있는 키를 입력하면, 사진처럼 event.ctrlKey 같은 걸 사용하는 게 어떻겠냐는 안내 문구로 바뀝니다.