Aspas (') são detectadas como Til (~) em navegadores da Web (e vice-versa)

Question

Encontrei um problema com manipuladores de eventos do navegador da Web, em que os caracteres til (~) e aspas (') eram escolhidos de maneira errada. Quando eu insiro uma cotação, um campo de texto terá uma cotação inserida, mas o manipulador de eventos será acionado como se um til tivesse sido pressionado.

Acho que este gif mostra melhor o que estou tentando dizer:

Como você pode ver, quando a tecla til/hash é pressionada, o navegador detecta um pressionamento de aspas e, quando a tecla de aspas é pressionada, o navegador detecta um pressionamento de til.

Existe alguma maneira de corrigir isso para que o evento de pressionamento de tecla correto seja acionado?

---

Teclado: Corsair K95 RGB Platinum (layout BrE)

SO: Windows 10 Home

Configurações do teclado: Inglês (Reino Unido)

Navegador: Google Chrome versão 76.0.3809.100 (versão oficial) (64 bits)

Answer 1

Isso não é fácil de “consertar” porque a falha está no intérprete online.

Existem dois layouts básicos de teclado, ANSI, que é usado quase exclusivamente nos EUA, e ISO, usado por praticamente todo mundo.

Essencialmente, os teclados têm layouts fisicamente diferentes, mesmo em mapeamentos de idiomas 'idênticos', como inglês dos EUA e do Reino Unido, por exemplo; ANSI não tem nenhuma tecla restante de z e, portanto, coloca crase ` e til ~ acima de caps lock, à esquerda de 1, onde um teclado ISO [Reino Unido] teria crase ` e o sinal de negação lógico ¬ [Windows] ou § e ± [Mac ]. Tubo | e a barra invertida \ são movidas para a direita das chaves dos colchetes, onde não há chave correspondente no ISO, mas está uma linha abaixo. Esta chave é mapeada no Mac, mas não no Win.
@ e "normalmente também são trocados [Win, mas não Mac].

A Wikipedia tem vários layouts aplicáveis ​​apenas aTeclados QWERTY aquiincluindo diferenças entre Mac/Win.

Isso antes de chegarmos à complexidade adicional dos teclados que não são em inglês, onde até o QWERTY muda, para AZERTY ou QWERTZ etc.

Wikipédia - Layouts de tecladoajuda de alguma forma a explicar as inúmeras diferenças em diferentes layouts de idiomas.

Qualquer intérprete de teclado online precisaria saber tudo isso para testar com precisão todas as combinações de teclas possíveis.

Algumas diferenças abaixo - [imagens da Wikipedia, página QWERTY.]

ANSI dos EUA

ISO do Reino Unido - Windows

ISO do Reino Unido - Mac