개발

자바스크립트 키 동시 입력 이벤트

동고킴 2022. 2. 20. 17:45
반응형

자바스크립트 키 동시입력 이벤트는 keydown과 keyup 이벤트 조합으로 구현할 수 있음

키 입력 여부를 boolean으로 관리하면 됨

 

window.addEventListener("keydown", keysPressed, false);
window.addEventListener("keyup", keysReleased, false);

var keys = [];

function keysPressed(e) {
    keys[e.keyCode] = true;
	
    // Ctrl + Space
    if (keys[17] && keys[32]) {
        console.log("Ctrl + Space");
        e.preventDefault();	 // prevent default browser behavior
    }
}

function keysReleased(e) {
    keys[e.keyCode] = false;
}

 

참고 : https://cpro95.tistory.com/249

반응형

'개발' 카테고리의 다른 글

HTTP/3와 QUIC 알아보기  (0) 2022.02.26
HTTP/1.x와 HTTP/2 알아보기  (0) 2022.02.24
우분투 dpkg: error processing archive 에러 해결  (0) 2022.02.19
웹팩 정리  (0) 2022.01.31
자바스크립트 웹 화면 캡쳐를 해보자  (0) 2022.01.27