자바스크립트 onkeydown 예제

키보드를 정말로 원할 때 키보드 이벤트를 사용해야 합니다. 예를 들어, 단축키 또는 특수 키에 반응합니다. 팁: 사용자가 인쇄 가능한 키(예: “a” 또는 “5”)를 누르고 있는지 확인하려면 onkeypress 이벤트에서 이 속성을 사용하는 것이 좋습니다. 사용자가 기능 키(예: “F1”, “CAPS LOCK” 또는 “홈”)를 누르고 있는지 확인하려면 onkeydown 또는 onkeyup 이벤트를 사용합니다. onkeypress 및 onkeydown을 사용하여 문자 코드와 키보드 코드 의 차이점을 보여 줍니다: keyCode 속성은 onkeypress 이벤트를 트리거한 키의 유니코드 문자 코드 또는 키를 트리거한 키의 유니코드 키 코드를 반환합니다. onkeydown 또는 onkeyup 이벤트. 키다운에서 기본 작업을 방지하면 OS 기반 특수 키를 제외한 대부분의 키를 취소할 수 있습니다. 예를 들어 Windows Alt+F4에서는 현재 브라우저 창이 닫힙습니다. 그리고 자바 스크립트의 기본 작업을 방지하여 중지 할 수있는 방법은 없습니다. 예를 들어, 여기에 미국 레이아웃 (“QWERTY”) 및 독일어 레이아웃 (“QWERTZ”) 그 아래에 (위키백과의 제공): 이러한 유형은 항상 같은 것을 의미하지 않는다; 예를 들어, 소문자 “w”와 대문자 “W”는 키보드에서 누르는 키가 동일하기 때문에 동일한 키보드 코드를 가지지만 (“W”= 숫자 “87”) 결과 문자가 다르기 때문에 다른 문자 코드 (“w” 또는 “W”) , “119” 또는 “87”) – 더 잘 이해하려면 아래의 “추가 예제”를 참조하십시오. 키다운 및 키업 이벤트는 누른 키를 나타내는 코드를 제공하며 키 누른 은 입력된 문자를 나타냅니다.

예를 들어 소문자 “a”는 키다운 및 키업에 의해 65로 보고되지만 키 누에 따라 97로 보고됩니다. 대문자 “A”는 모든 이벤트에서 65로 보고됩니다. 두 개의 처리기를 사용해야 합니다: document.onkeydown 및 document.onkeyup. 키를 누르는 경우(예: 페이지에서 전역 바로 가기 키를 구현하기 위해) 이 동작을 문서 개체에 연결하는 것이 유용합니다. 이벤트 버블링으로 인해 명시적으로 중지되지 않는 한 모든 키 누는 문서 개체에 DOM을 올것입니다. 과거에는 키 누르기 이벤트와 이벤트 개체의 속성을 나타내는 키코드 charCode도 있었습니다. 이 코드가 실행되면 처리기 트리거를 클릭하면 메시지에 대해서도 경고합니다. 몇 가지 광범위 한 키보드 레이아웃, 그리고 사양 그들 각각에 대 한 키 코드를 제공 합니다.

우리가 키보드에 도착하기 전에, 현대 장치에 “뭔가를 입력”하는 다른 방법이 있다는 것을 유의하시기 바랍니다. 예를 들어, 사람들은 음성 인식(특히 모바일 장치)에서 사용하거나 마우스로 복사/붙여넣습니다. 키가 문자를 제공하지 않으면 어떻게됩니까? 예를 들어, 시프트 또는 F1 또는 다른 사람. 이러한 키 event.key는 event.code와 거의 동일합니다. 이벤트를 수동으로 트리거하려면 인수 없이 .keydown()을 적용하십시오: 여기에 딜레마가 있습니다: 이러한 수신기에서 event.key 또는 event.code의 값을 확인해야 합니까? 이제 삽입 지점이 필드 내부에 있으면 키를 누르면 경고가 표시됩니다: 팁: 모든 유니코드 문자 목록을 보려면 전체 유니코드 참조를 연구하십시오. 예를 들어, 동일한 키 Z를 Shift 유무에 관계없이 누를 수 있습니다. 소문자 z와 대문자 Z의 두 가지 문자를 제공합니다. 모든 키에는 키보드의 위치에 따라 달라지는 코드가 있습니다. UI 이벤트 코드 사양에 설명된 키 코드입니다.

참고: 파이어 폭스에서 키코드 속성onkeypress 이벤트에서 작동 하지 않습니다 (만 반환 0).