>웹 프론트엔드 >JS 튜토리얼 >jQuery에서 Enter 키를 포함한 키 누르기를 안정적으로 감지하려면 어떻게 해야 합니까?

jQuery에서 Enter 키를 포함한 키 누르기를 안정적으로 감지하려면 어떻게 해야 합니까?

Patricia Arquette
Patricia Arquette원래의
2024-12-24 12:05:16869검색

How Can I Reliably Detect Keypresses, Including the Enter Key, in jQuery?

jQuery의 Keypress 이벤트 이해

jQuery의 keypress 이벤트에 바인딩할 때 어떤 키가 눌렸는지 확인하는 것이 중요합니다. 이러한 지식을 통해 키 입력에 따라 특정 작업을 수행할 수 있습니다.

키 누르기 정보 액세스

JavaScript에서 keypress 이벤트는 누른 키에 대한 정보를 보유하는 두 가지 속성을 제공합니다. :

  • keyCode: 키 위치를 나타내는 숫자 값입니다. 키보드.
  • 키의 유니코드 문자 코드를 나타내는 숫자 값.

예를 들어 "ENTER" 키를 누르면 keyCode 속성은 일반적으로 13을 반환하는 반면 which 속성은 비유니코드 키의 경우 13을 반환하고 유니코드의 경우 유니코드 문자 코드를 반환합니다. 키.

가장 적합한 속성 선택

유니코드 키를 실행하지 않는 "ENTER" 키 감지에만 관심이 있는 경우 다음 중 하나를 사용할 수 있습니다. keyCode 또는 어떤 속성. 그러나 유니코드 키도 처리하려는 경우 which 속성을 사용하는 것이 좋습니다.

브라우저 변형

다른 브라우저는 키 감지에 다른 속성을 사용할 수 있습니다. 대부분의 최신 브라우저는 keyCode와 which를 모두 지원하지만 이전 브라우저는 하나의 속성만 지원할 수 있습니다.

브라우저 간 호환성을 보장하려면 키 누르기 핸들러에서 두 속성을 모두 사용하는 것이 좋습니다.

var code = e.keyCode || e.which;
if (code == 13) { // ENTER keycode
  // Perform action
}

이 접근 방식은 두 속성을 모두 확인하고 코드 변수에 0이 아닌 값을 할당합니다. 코드를 "ENTER" 키코드(13)와 비교하면 "ENTER" 키를 눌렀을 때를 효과적으로 확인할 수 있습니다.

위 내용은 jQuery에서 Enter 키를 포함한 키 누르기를 안정적으로 감지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.