[JS] javascript & JQuery 2개 이상의 조합키로 keypress 이벤트 실행하는 방법

 

 

 

옆집 블로그에 있는 거 그대로 가져다 조금 고쳐서 쓰는 글

 

보통 keypress 이벤트로 특정 버튼(키보드)을 눌렀을 때, 특정 기능을 수행하도록 하는데

2개 또는 2개 이상의 조합키를 이용하여 특정 기능을 수행하려면 아래와 같이 and절(&&)을 이용하여

조합 하면 된다.

 

아래에 바닐라JS와 제이쿼리를 통해 중복키 조합을 통해 console.log()를 찍는 샘플코드를 작성하였다.

뭐 조합키를 사용하는 코드는 똑같은데 $().bind를 쓰느냐, addEventListener를 쓰느냐의 차이이다.

필요한 거 갖다 쓰도록 하자.

 

나는 그냥 DOM객체에 바인딩 해줬다

 

 

바닐라JS로 중복키 조합 수행구문 만드는 방법

 

샘플코드

this.document.addEventListener('keypress', (event) => {
    if( event.which === 65 && event.shiftKey ) {
		console.log('javascript shift + a 조합키 감지')
	}
});

// 👉️ javascript shift + a 조합키 감지

 

 

제이쿼리로 중복키 조합 수행구문 만드는 방법

 

샘플코드

$(document).bind('keypress', (event) =>{
	// shift + a 조합키
	if( event.which === 65 && event.shiftKey ) {
		console.log('jquery shift + a 조합키 감지')
	}
});

// 👉️ jquery shift + a 조합키 감지