KeyboardEvent charCode-attribut

Definition och användning

charCode-attributet returnerar onkeypress-händelse Unicode-teckenkoden för tangenten.

Unicode-teckenkod är en teckens numrering (t.ex. numret "97" representerar bokstaven "a").

Tips:För en lista över alla Unicode-tecken, se vår Komplett Unicode-referens.

Tips:Om du vill konvertera ett Unicode-värde till ett tecken, använd fromCharCode() metoden.

Kommentar:Om denna egenskap används för onkeydown eller onkeyup Om egenskapen används för

Kommentar:Denna egenskap är skrivskyddad.

Kommentar:IE8 och tidigare versioner stöder inte charCode-attribut. Men för dessa webbläsarversioner kan du använda keyCode-attributEller, för en korsbrowserlösning, kan du använda följande kod:

var x = event.charCode || event.keyCode; // Använd charCode eller keyCode beroende på webbläsarens stöd

Tips:Du kan också använda keyCode-attributet för att detektera specialtangentar (t.ex. caps lock eller piltangenter). Men att tillhandahålla både keyCode- och charCode-attribut är endast för kompatibilitet. Den senaste versionen av DOM-event specifikationen rekommenderar att använda key-attributet (om tillgängligt).

Tips:Om du vill veta om "ALT", "CTRL", "META" eller "SHIFT"-tangenten trycktes ner vid händelsen av tangenttryck, använd altKeyochctrlKeyochmetaKey eller shiftKey egenskaper.

Exempel

Exempel 1

Hämta Unicode-värdet för den tryckta tangenten:

var x = event.charCode;

Prova själv

Exempel 2

En korsbläddringslösning för att få tag på Unicode-värdet för den tryckta tangenten:

// Om webbläsaren stöder, använd charCode, annars använd keyCode (gäller för IE8 och tidigare versioner)
var x = event.charCode || event.keyCode;

Prova själv

Exempel 3

Om användaren trycker på "O"-tangenten, visa några texter:

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o är 111, O är 79
    alert("Du tryckte på 'O'-tangenten!");
  }
}

Prova själv

Exempel 4

Konvertera Unicode-värdet till ett tecken:

var x = event.charCode || evt.keyCode;   // Hämta Unicode-värdet
var y = String.fromCharCode(x);          // Konvertera värdet till ett tecken

Prova själv

Syntax

event.charCode

Tekniska detaljer

Returvärde: Numeriska värden som representerar Unicode-teckenkoder.
DOM-version: DOM Level 2 Events

Webbläsarstöd

Numrerna i tabellen anger den första webbläsaren som fullständigt stöder egenskapen.

Egenskaper Chrome IE Firefox Safari Opera
charCode Stöd 9.0 Stöd Stöd Stöd

Relaterade sidor

HTML DOM-referenshandbok:KeyboardEvent key-attribut

HTML DOM-referenshandbok:KeyboardEvent keyCode-attribut

HTML DOM-referenshandbok:KeyboardEvent which-attribut