vscode에서 javascript 파일을 리팩토링 하던 중 발견한 'keyCode';
코드를 실행했을 때 별다른 문제 없이 동작하긴 했지만,
프로그램 상으로 취소선이 표시된 이유가 있겠지 싶어서 마우스오버를 해보니
'keyCode' is deprecated. 이라는 부연 설명이 나왔다.
구글링한 결과,
1. mdn문서에서 keyCode에 대하여 This feature is no longer recommended. 라고 언급한 것을 발견할 수 있었다.
아직도 지원하는 브라우저가 일부 있기는 하지만 더이상 사용되지 않으니 keyboardEvent.code 를 사용하라는 내용.
KeyboardEvent.keyCode - Web APIs | MDN
The deprecated KeyboardEvent.keyCode read-only property represents a system and implementation dependent numerical code identifying the unmodified value of the pressed key.
developer.mozilla.org
2. 이에 따라 keyCode 를 code로 바꾼 후 enter를 누르고 콘솔창에 찍어보니
number로 뜨는 게 아니라 code 의 value인 "Enter"가 나왔다.그래서 if문 안의 내용도 코드넘버에서 value값으로 바꾸었다.
if(keyCode == "Enter")요렇게 바꿔주었더니 해결!
****주의*****
code (or key)의 value 값 철자 확인! enter(x) Enter(o)!!!!
key value 참고 !
Key Values - Web APIs | MDN
The tables below list the standard key values in various categories of key, with an explanation of what the key is typically used for. Corresponding virtual keycodes for common platforms are included where available.
developer.mozilla.org
'Javascript > Vanilla' 카테고리의 다른 글
| [javascript] 같은 class 요소에 addEventListener 실행하고 싶을 때 (0) | 2021.07.29 |
|---|