crtl 키와 command 키 막기

crtl키와 command 키를 막는 방법에 대해 알아보도록 하겠습니다. 

 

저는 페이지를 저장하는 것을 막기 위해 crtl키와 command 키를 막았습니다. 

crtl 키와 command 키는 새로고침을 하기 위해서만 사용하기 위해 crtl키와 command 키는 r키와만 함께 눌리게 만들었고 r키가 아닐 경우에는 금지하게 만들었습니다. 참고 부탁드립니다. 

document.addEventListener('keydown', function(e) {
  if (e.metaKey || e.ctrlKey)
  {
    if (e.key !== 'r')
      e.preventDefault();
  }
})

'keydown' 이벤트 발생 시에 function 함수가 실행이 됩니다. 

 

e.metaKey는 command 키고 e.crtlKey는 crtl키입니다. 

e.key는 키보드의 키를 의미합니다. 

e.preventDefault는 어떤 이벤트를 명시적으로 처리하지 않은 경우를 나타냅니다. 

위에서의 e는 KeyboardEvent를 나타냅니다. 

 

하시는 프로젝트에 도움이 되셨으면 좋을 것 같습니다.