Ultimele tutoriale de dezvoltare web
 

KeyboardEvent keyCode Property

<Eveniment obiect

Exemplu

Ia valoarea Unicode a tastei tastatură apăsată:

var x = event.keyCode;

Rezultatul x ar putea fi:

119   // 119 is the character "w"
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

Proprietatea keycode returnează codul de caractere Unicode al cheii care a declanșat onkeypress eveniment, sau codul cheie Unicode al cheii care a declanșat onkeydown sau onkeyup eveniment.

Diferența dintre cele două tipuri de cod:

  • Codurile de caractere - Un număr care reprezintă un caracter ASCII
  • Codurile cheie - Un număr care reprezintă o cheie reală de pe tastatură

Aceste tipuri nu înseamnă întotdeauna același lucru; de exemplu, un caz mai mic "w" și un caz superior "W" au același cod de tastatură, deoarece cheia care este apăsată pe tastatură este aceeași (just "W" = the number "87") , dar un alt cod de caractere , deoarece caracterul rezultat este diferit (fie "w" sau "W" , care este "119" sau „87“) - a se vedea "More Examples" de mai jos pentru a înțelege mai bine.

Sfat: Pentru a afla dacă utilizatorul este apăsarea unei taste de imprimat ( de exemplu , "a" sau „5“), se recomandă să utilizați această proprietate asupra evenimentului onkeypress. Pentru a afla dacă utilizatorul este apăsarea unei taste funcționale ( de exemplu , "F1" , "CAPS LOCK" sau „Home“) utilizați onkeydown sau onkeyup eveniment.

Notă: În Firefox, proprietatea keycode nu funcționează pe evenimentul onkeypress (will only return 0) se (will only return 0) . Pentru o soluție cross-browser, utilizați care proprietatea împreună cu cel dorit, de exemplu:

var x = event.which || event.keyCode;  // Use either which or keyCode , depending on browser support

Sfat: Pentru o listă cu toate caracterele Unicode, vă rugăm studiul nostru Unicode complet de referință .

Sfat: Dacă doriți să convertiți valoarea Unicode returnată într - un caracter, folosiți fromCharCode() metoda.

Notă: Această proprietate este read-only.

Notă: Atât cel dorit și care proprietatea este prevăzută doar cu condiția de compatibilitate. Cea mai recentă versiune a specificațiilor DOM Evenimente recomandăm utilizarea cheie de proprietate în loc (if available) este (if available) .

Sfat: Dacă doriți să aflați dacă "ALT" , "CTRL" , "META" sau "SHIFT" tasta a fost apăsată atunci când un eveniment cheie a avut loc, utilizați altKey , ctrlKey , metaKey sau shiftKey proprietate.


Suport pentru browser-

Proprietate
keyCode da da da da da

Sintaxă

event .keyCode

Detalii tehnice

Întoarcere Valoare: Un număr, care reprezintă fie un cod de caractere Unicode sau codul cheie Unicode
DOM Versiune: DOM Level 2 Evenimente

Exemple

Mai multe exemple

Exemplu

Utilizarea onkeypress și onkeydown pentru a demonstra diferențele între codurile de caractere și codurile de la tastatură:

<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)">

function uniCharCode(event) {
    var char = event.which || event.keyCode;
    document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}

function uniKeyCode(event) {
    var key = event.keyCode;
    document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}

Când se apasă "a" tasta de pe tastatură (not using caps lock) , rezultatul char și cheie va fi:

Unicode CHARACTER code: 97
Unicode KEY code: 65
Încearcă - l singur »

Exemplu

Alerta un text în cazul în care utilizatorul apasă tasta Escape:

<input type="text" onkeydown="myFunction(event)">

function myFunction(event) {
    var x = event.keyCode;
    if (x == 27) {  // 27 is the ESC key
        alert ("You pressed the Escape key!");
    }
}
Încearcă - l singur »

Exemplu

Conversia valoarea Unicode într - un caracter (does not work for function keys) :

var x = event.keyCode;                // Get the Unicode value
var y = String.fromCharCode(x);       // Convert the value into a character
Încearcă - l singur »

Pagini similare

HTML DOM referință: KeyboardEvent key Property

HTML DOM referință: KeyboardEvent charCode Property

HTML DOM de referință: KeyboardEvent which Property


<Eveniment obiect