[추가] 키보드 이벤트 추가

이원종책임 0 1290 2022.11.29 18:59

스크립트를 사용하여 keydown, keyup 이벤트를 추가할 수 있다.

사용 방법

page.addEventListener("keydown", function(event) { // keydown 또는 keyup
    console.log("key=" + event.key);
    console.log("code=" + event.code);
    console.log("repeat=" + event.repeat);
    console.log("ctrlKey=" + event.ctrlKey);
    console.log("shiftKey=" + event.shiftKey);
    console.log("altKey=" + event.altKey);
    console.log("metaKey=" + event.metaKey);
    console.log("getModifierState=" + event.getModifierState(event.key));
});

※KeyboardEvent.code - Web APIs | MDN (mozilla.org) 에서 테스트 가능

결과

key=F2

code=F2

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=F3

code=F3

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=1

code=Digit1

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=2

code=Digit2

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=3

code=Digit3

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=q

code=KeyQ

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=w

code=KeyW

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=e

code=KeyE

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=CapsLock

code=CapsLock

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=Q

code=KeyQ

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=W

code=KeyW

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=E

code=KeyE

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=CapsLock

code=CapsLock

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=Shift

code=ShiftRight

repeat=false

ctrlKey=false

shiftKey=true

altKey=false

metaKey=false

getModifierState=true

key=Q

code=KeyQ

repeat=false

ctrlKey=false

shiftKey=true

altKey=false

metaKey=false

getModifierState=false

key=W

code=KeyW

repeat=false

ctrlKey=false

shiftKey=true

altKey=false

metaKey=false

getModifierState=false

key=E

code=KeyE

repeat=false

ctrlKey=false

shiftKey=true

altKey=false

metaKey=false

getModifierState=false

key=Shift

code=ShiftLeft

repeat=false

ctrlKey=false

shiftKey=true

altKey=false

metaKey=false

getModifierState=true

key=Control

code=ControlLeft

repeat=false

ctrlKey=true

shiftKey=false

altKey=false

metaKey=false

getModifierState=true

key=Alt

code=AltLeft

repeat=false

ctrlKey=false

shiftKey=false

altKey=true

metaKey=false

getModifierState=true

key=Enter

code=Enter

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=ArrowUp

code=ArrowUp

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=ArrowDown

code=ArrowDown

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=ArrowLeft

code=ArrowLeft

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false

key=ArrowRight

code=ArrowRight

repeat=false

ctrlKey=false

shiftKey=false

altKey=false

metaKey=false

getModifierState=false