jQuery의 Keypress 이벤트를 사용하여 어떤 키가 눌렸는지 어떻게 알 수 있나요?

jQuery로 키 누르기 감지: 누른 키 확인

JavaScript에서 이벤트 핸들러에 전달된 이벤트 객체는 이벤트에 대한 정보를 제공합니다. 누른 키도 포함됩니다. keypress 이벤트가 트리거되면 이 정보를 사용하여 어떤 키가 눌렸는지 확인할 수 있습니다.

keyCode를 사용하거나

jQuery는 이벤트 객체에 대해 두 가지 속성을 제공합니다. 이 정보를 얻는 데 사용할 수 있습니다:

• keyCode: 이 속성에는 다음이 포함됩니다. 누른 키의 숫자 표현. 대부분의 브라우저에서 지원됩니다.
• 이 속성에는 브라우저에 따라 숫자 표현이나 문자 코드가 포함됩니다. 인쇄 가능한 문자에만 사용되며 모든 브라우저에서 지원되지는 않습니다.

키 누르기 이벤트 핸들러

키 누르기 이벤트를 처리하고 누른 키를 확인하려면, 요소의 키 누르기 이벤트에 핸들러를 바인딩할 수 있습니다. 예:

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;

  if (code === 13) {
    // Handle ENTER keypress
  }
});

이 코드에서는 keyCode 속성을 먼저 확인한 다음 keyCode를 지원하지 않는 브라우저에 대한 폴백으로 which 속성을 확인합니다.

차이점 keyCode와 which

keyCode와 which의 차이점은 주로 특수 문자를 처리하는 데 있습니다. keyCode는 일반적으로 누른 문자에 관계없이 숫자 값을 반환하지만 인쇄 가능한 문자에 대해서는 문자 코드를 반환할 수 있습니다.

그러나 브라우저에 따라 다를 수 있으며 일반적으로 두 속성을 모두 확인하고 한 속성으로 돌아가는 것이 좋습니다. 또는 사용 가능한 지원에 따라 다른 것입니다.

결론

keyCode 또는 어떤 속성을 사용하여 keypress 이벤트 핸들러에 전달된 이벤트 객체에서 어떤 키가 눌렸는지 확인하고 그에 따라 특정 작업을 트리거할 수 있습니다.

위 내용은 jQuery의 Keypress 이벤트를 사용하여 어떤 키가 눌렸는지 어떻게 알 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!