Rileva layout tastiera con javascript

Question

C'è un modo per rilevare il layout corrente della tastiera utilizzando JavaScript? Ho trovato this, ma rileva solo se il visitatore è nel layout inglese. Ho bisogno di conoscere il layout esatto come una stringa, ad es. de-ch, fr o en.

Answer 1

I layout di tastiera non hanno identificatori standardizzati. Hanno nomi assegnati loro dal creatore del layout. Possono avere un'associazione linguistica come una proprietà definita.

I layout della tastiera non devono essere confusi con gli identificatori della lingua o delle impostazioni internazionali. In particolare non esiste un singolo "layout inglese" ma dozzine di layout che possono essere usati per l'inglese.

Non penso che i sistemi normalmente rendano leggibili le loro attuali impostazioni di layout tramite JavaScript.

Quindi qualsiasi problema si stia risolvendo rilevando il layout della tastiera, è necessario un approccio diverso.

Answer 2

Stai cercando è come rilevare le loro impostazioni internazionali. Nelle intestazioni HTTP questo è memorizzato nell'intestazione Accept-Language, ma questo non è disponibile per il browser tramite puro JS.

C'è un plugin jQuery chiamato "Browser Language" che potrebbe farti andare sulla giusta strada.

Answer 3

So che questa domanda è vecchia, ma per quelli di voi che sono stati ostacolati dal fatto che alcune chiavi si associano a caratteri diversi in altri locali, ecco un approccio che è possibile utilizzare per affrontarlo.

Molto probabilmente, il tuo gestore eventi tastiera è legato a un evento keyup o keydown; i risultati della proprietà event.which o event.keyCode in questo caso sono legati a quale tasto l'utente ha premuto. Ad esempio, la stessa chiave che usi per digitare ';' in un layout EN è la chiave utilizzata per digitare 'ж' in un layout RU e l'evento riporta 186 come codice per entrambi.

Tuttavia, se si è più interessati al carattere derivante dalla pressione del tasto, è necessario utilizzare invece l'evento "keypress". Questo evento si attiva dopo il keydown/up e riporta l'effettivo codice unicode del carattere che è stato digitato all'interno di event.which o event.charCode, che nell'esempio precedente è decimale 1078 o U + 0436.

Quindi, se preferisci non indovinare i layout della tastiera e non devi distinguere tra keyup/keydown, keypress potrebbe essere un'alternativa valida per te. Non è perfetto (la maggior parte dei browser non riporta in modo coerente eventi di keypress su tasti che non stampano caratteri, come tasti modificatori, tasti funzione e tasti di navigazione), ma è meglio che indovinare sui keycode quando si tratta di caratteri stampabili.

Answer 4

Tutto quello che so di questo argomento e già implementato una soluzione per esso, è quello di rilevare non layout di tastiera inglese, cioè Lingue che usa qualsiasi alfabeto diverso da quello usato in inglese. La soluzione dipende dall'espressione regolare per far corrispondere qualsiasi carattere di parola \w, qualsiasi carattere numerico \d e una serie di caratteri speciali predefiniti per tastiera inglese, quindi qualsiasi altro carattere, come arabo, giapponese, ecc. Non corrisponderà, tutto ciò utilizza l'evento keydown e Sto usando questa soluzione per limitare e notificare i campi dei nomi utente e password nel modulo di login.Ho confezionato in una funzione come la seguente:

function checkKeyboard(ob,e){ 
     re = /\d|\w|[\.\$@\*\\\/\+\-\^\!\(\)\[\]\~\%\&\=\?\>\<\{\}\"\'\,\:\;\_]/g; 
     a = e.key.match(re); 
     if (a == null){ 
     alert('{{__('Error 2:\nNon English keyboard layout is detected!\nSet the keyboard layout to English and try to fill out the field again.')}}'); 
     ob.val(''); 
     return false; 
     } 
     return true; 
    } 

Quindi chiamare la funzione dall'evento come il seguente:

$("#textFieldId").keydown(function(e){ 
     if (!checkKeyboard($(this),e)){ 
      return false; 
     } 
    });