웹 브라우저에서는 인용문(')이 물결표(~)로 감지됩니다(그 반대도 마찬가지).

Question

웹 브라우저 이벤트 핸들러에서 물결표(~) 및 따옴표(') 문자가 잘못된 방향으로 선택되는 문제가 발생했습니다. 인용문을 입력하면 텍스트 필드에 인용문이 입력되지만 마치 물결표를 누른 것처럼 이벤트 핸들러가 트리거됩니다.

내 생각에 이 gif는 내가 말하려는 내용을 가장 잘 보여준다고 생각합니다.

보시다시피, 물결표/해시 키를 누르면 브라우저는 따옴표 누르기를 감지하고, 인용 키를 누르면 브라우저는 물결표 누르기를 감지합니다.

올바른 키 누르기 이벤트가 트리거되도록 이 문제를 해결할 수 있는 방법이 있습니까?

---

키보드: Corsair K95 RGB Platinum(BrE 레이아웃)

OS: 윈도우 10 홈

키보드 설정: 영어(영국)

브라우저: Google Chrome 버전 76.0.3809.100(공식 빌드)(64비트)

Answer 1

결함은 온라인 통역사에 있기 때문에 "수정"하기가 쉽지 않습니다.

미국에서만 거의 독점적으로 사용되는 ANSI와 거의 모든 사람들이 사용하는 ISO라는 두 가지 기본 키보드 레이아웃이 있습니다.

본질적으로 키보드는 레이아웃이 물리적으로 다릅니다. 예를 들어 미국 영어와 영국 영어 등 '동일한' 언어 매핑에서도 마찬가지입니다. ANSI에는 z & 왼쪽에 키가 없으므로 백틱 ` 및 물결표 ~를 Caps Lock 위에 배치합니다(1 왼쪽). ISO [UK] 키보드에는 백틱 ` 및 논리적 부정 기호 ¬ [Windows] 또는 § 및 ± [Mac이 있습니다. ]. 파이프 | 백슬래시 \는 대괄호 키 오른쪽으로 이동합니다. 여기서 ISO에는 해당 키가 없지만 대신 한 행 아래에 있습니다. 이 키는 Mac에서는 매핑되지만 Win에서는 매핑되지 않습니다.
@ 및 "는 일반적으로 [Win이지만 Mac은 아님]도 교체됩니다.

Wikipedia에는 ​​다음과 같은 다양한 레이아웃이 있습니다.QWERTY 키보드는 여기Mac/Win의 차이점을 포함합니다.

이는 QWERTY도 AZERTY 또는 QWERTZ 등으로 변경되는 비영어 키보드의 복잡성이 추가되기 전입니다.

Wikipedia - 키보드 레이아웃다양한 언어 레이아웃의 무수한 차이점을 설명하는 방향으로 나아갑니다.

모든 온라인 키보드 통역사는 가능한 모든 키 조합을 정확하게 테스트하기 위해 이 모든 것을 알아야 합니다.

아래의 몇 가지 차이점 - [Wikipedia, QWERTY 페이지의 이미지.]

미국 ANSI

영국 ISO - Windows

영국 ISO - 맥