[error] addeventlistener callback typescript KeyboardEvent

박진현·2023년 11월 1일
0

에러핸들링

목록 보기
28/28

선결론
addEventListener의 Callback function의 EventListener 로 정의하자

    document.addEventListener(KEYUP, callbackFunc);

const callbackFunc = (evt: KeyboardEvent) => {...}

이렇게 callbackFunc가 keyboard Evt인 경우에, document.addEventListener(KEYUP, callbackFunc);에서 타입에러가 줄줄이 나오게 된다.
그렇다고해서 callbackFunc의 evt의 타입을 Event 로 하면, evt.keyCode나, evt.key에 접근할 수 없다.

그러므로

    document.addEventListener(KEYUP, callbackFunc as EventListener);

const callbackFunc = (evt: KeyboardEvent) => {...}

이렇게 사용하자

profile
👨🏻‍💻 호기심이 많고 에러를 좋아하는 프론트엔드 개발자 박진현 입니다.

0개의 댓글