• F1 key 를 누르면 자동으로 도움말창이 열린다
• 이거를 안열리게 해보자

1
2
3
4
5
6

window.addEventListener('keydown', function (e) {
  // F1 keyCode
  if (e.keyCode === 112) {
    e.preventDefault();
  }
});

• 이렇게 F1 key 의 경우에만 반응하지 않도록 만들 수 있다

1
2
3

window.addEventListener('keydown', function (e) {
  e.preventDefault();
});

• 이렇게 F1 key 뿐만아니라 다른 모든 키의 기본 실행을 방지할 수 있다

참고

• How to disable F1 key?

• keyboardevent.io 를 만들어보았다
• 웹에 포커스를 두고 키를 입력하면 그대로 화면에 출력한다
• 출력되는 정보는 keydown이벤트의 정보들이다

• 키 이벤트 관련 로직 짤 때, 들어가서 키코드 확인하기 좋을 것 같다

심심하면 업데이트할 것

• 히스토리 만들기

소스코드

• keyboardevent.io/js/index.js