JS 감청 조합 버튼 사고방식 및 실현 과정

머리말
우 리 는 alt+f4,crtl+enter 와 같은 조합 키 를 자주 사용 합 니 다.개발 에 도 이런 수요 가 있 을 수 있다.
조합 키 종류
단독 조합,두 키 조합,세 키 조합
사고의 방향
1.키보드 의 버튼 가 져 오기
2.브 라 우 저의 기본 행동 차단
3.사용자 정의 js 함수 실행
코드 예

document.onkeydown = function(e) {
      var keyCode = e.keyCode || e.which || e.charCode;
      var altKey = e.altKey ;
      if(altKey && keyCode == 112) {
        alert("     ")
      }
      e.preventDefault();
      return false;
    }
대패질 하 다
e.keyCode || e.which || e.charCode
구 글 브 라 우 저 는 event.keyCode,event.charCode 와 event.which 를 모두 호 환 합 니 다.
불 여우 브 라 우 저 는 이벤트.keyCode 부분 키 값 에 유효 합 니 다.예 를 들 어 상하 좌우 키(37,38,39,40),enter 키(13),PgUp(33),PgDn(34)등 부분 은 유효 하고 숫자 키,알파벳 키 는 유효 하지 않 습 니 다.
event.which 도 일부 키 값 이 유효 합 니 다.예 를 들 어 알파벳 키,숫자 키,enter 키,Backspace 키 등 이 유효 합 니 다.상하 좌우 키,PgUp(33),PgDn(34)키 는 유효 하지 않 습 니 다.
event.charCode 도 알파벳 키,숫자 키,Backspace 키 등 일부 키 값 에 유효 하 며 enter 키,상하 좌우 키,PgUp(33),PgDn(34)키 에 유효 하지 않 습 니 다.
ie 브 라 우 저 에서 IE8 및 이하 브 라 우 저 는 event.charCode 에 유효 하지 않 습 니 다.event.keyCode 와 event.which 는 대부분의 키 값 을 얻 을 수 있 지만 일부분 도 얻 을 수 없습니다.
그래서 이 표기 법 은 호 환 표기 법 이다.
e.altKey,e.shiftKey,e.ctrlKey,e.metaKey
키보드 의 alt,shift,ctrl,meta 키 를 감청 하 는 데 사용 합 니 다.이 키 를 누 르 면 값 이 true 로 변 합 니 다.
e.preventDefault()
기본 이 벤트 를 막 으 려 면 W3C 표준 과 IE 에서 처리 방식 이 일치 하지 않 습 니 다.각각 e.preventDefault()방법 을 실행 하고 e.returnValue=false 속성 을 실행 합 니 다.물론 jquery 등 라 이브 러 리 를 사용한다 면 e.preventDefault()만 쓰 면 됩 니 다.호 환 을 해 줍 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기