`.keyCode` 대 `.which`: 가장 좋은 Keypress 이벤트 키 식별자는 무엇입니까?

Keypress 이벤트 키 식별: .keyCode와 .which

키 누르기 이벤트를 처리할 때 개발자는 .keyCode와 .keyCode 중 하나를 선택해야 하는 경우가 많습니다. .키 입력을 결정하는 것입니다. 둘 다 누른 키를 식별하는 데 사용되지만 미묘한 차이점과 브라우저 간 호환성 고려 사항이 있습니다.

역사적으로 .keyCode는 키 누르기를 감지하는 데 널리 사용되었지만 브라우저 간에 지원이 일관되지 않습니다. 일부는 캐릭터의 유니코드 코드를 사용하고 다른 일부는 플랫폼별 값을 사용합니다. 이러한 불일치로 인해 크로스 브라우저 애플리케이션에서 예상치 못한 동작이 발생할 수 있습니다.

반면에 .which는 더 정규화된 접근 방식입니다. 브라우저나 플랫폼에 관계없이 키의 논리적 식별자를 나타내는 표준화된 값을 반환합니다. 그러나 이전 브라우저에서는 지원되지 않을 수 있습니다.

잠재적인 브라우저 간 문제를 해결하기 위해 jQuery는 항상 .which를 사용하여 키 누르기 동작을 표준화합니다. 다양한 브라우저의 비표준 값을 일관된 형식으로 변환하므로 브라우저 간 호환성을 위한 안정적인 선택이 됩니다.

바닐라 JavaScript를 사용하는 경우 개발자는 다음과 같이 두 속성의 조합을 사용하여 브라우저 호환성을 보장할 수 있습니다. 다음은 다음과 같습니다.

<code class="js">var key = 'which' in e ? e.which : e.keyCode;</code>

이 코드는 이벤트 개체에 .which가 정의되어 있는지 확인합니다. 그렇다면 해당 값을 사용합니다. 그렇지 않으면 .keyCode를 사용하게 됩니다.

또는 더 간결한 접근 방식을 사용할 수 있습니다.

<code class="js">var key = e.which || e.keyCode || 0;</code>

이 표현식은 .which를 0으로 복원하여 0이 될 가능성을 처리합니다. JavaScript의 강력한 논리 OR 연산자(||)를 활용하여 끝에 값을 추가합니다.

위 내용은 `.keyCode` 대 `.which`: 가장 좋은 Keypress 이벤트 키 식별자는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!