En son web geliştirme öğreticiler
 

KeyboardEvent keyCode Property

<Olay Nesne

Örnek

preslenmiş klavye anahtarının Unicode değerini alın:

var x = event.keyCode;

X'in sonucu olabilir:

119   // 119 is the character "w"
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

KeyCode özelliği tetikleyen anahtar Unicode karakter kodunu döndürür onkeypress olayı veya tetikleyen anahtar Unicode anahtar kodu onkeydown veya onkeyup olay.

iki kod arasındaki fark:

  • Karakter kodları - bir ASCII karakter temsil eden bir sayı
  • Anahtar kodları - klavyede gerçek bir anahtar temsil eden bir sayı

Bu tipler hep aynı şeyi ifade etmez; Örneğin, bir küçük harf "w" ve bir büyük harf "W" klavye üzerinde basılı olan anahtar aynı olduğu için, aynı klavye kodu (just "W" = the number "87") farklı, ancak karakter kodu elde edilen karakter, çünkü farklı (ya da "w" ya da "W" , olan "119" "87" veya) - bakınız "More Examples" , aşağıda daha iyi anlamak için.

İpucu: Kullanıcı yazdırılabilir bir tuşa (örneğin baskı yapıyor öğrenmek için "a" veya "5"), onkeypress olayı bu özelliği kullanmak için tavsiye edilir. Kullanıcı bir fonksiyon tuşuna basarak olup olmadığını öğrenmek için (örneğin "F1" , "CAPS LOCK" onkeydown veya onkeyup etkinliği kullanmak veya "Ev").

Not: Firefox'ta, keyCode özelliği onkeypress olaya çalışmıyor (will only return 0) . Bir çapraz tarayıcı çözümü için, kullanımı olan anahtar kodu, örneğin birlikte özelliği:

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

İpucu: Tüm Unicode karakterleri listesi için bizim çalışma lütfen Komple Unicode Referansı .

İpucu: Bir karakterin içine döndü Unicode değerini dönüştürmek istiyorsanız, kullanmak fromCharCode() yöntemini.

Not: Bu özellik salt okunur.

Not: keyCode ve hangi özellik ikisi de sadece uyumluluk için sağlanır. DOM Etkinlikleri Şartnamenin son sürümü kullanmanızı tavsiye anahtar yerine özelliğini (if available) .

İpucu: öğrenmek istiyorsanız "ALT" , "CTRL" , "META" veya "SHIFT" tuşu önemli bir olay oluştuğunda, kullanmak basılmış altKey , ctrlKey , metakey veya shiftKey özelliği.


Tarayıcı Desteği

özellik
keyCode Evet Evet Evet Evet Evet

Sözdizimi

event .keyCode

Teknik detaylar

Geri dönüş değeri: Unicode karakter kodu veya Unicode anahtar kodu ya temsil eden bir sayı,
DOM Versiyon: DOM Düzey 2 Olaylar

Örnekler

Diğer Örnekler

Örnek

karakter kodları ve klavye kodları arasındaki farkları göstermek için onkeypress ve onkeydown kullanarak:

<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;
}

Basıldığında "a" klavyedeki bir tuşa (not using caps lock) , char ve anahtarı olacaktır sonucunu:

Unicode CHARACTER code: 97
Unicode KEY code: 65
Kendin dene "

Örnek

Escape tuşuna basar eğer biraz metin uyar:

<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!");
    }
}
Kendin dene "

Örnek

Bir karakterin içine Unicode değerini dönüştürün (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
Kendin dene "

İlgili Sayfalar

HTML DOM referansı: KeyboardEvent key Property

HTML DOM referansı: KeyboardEvent charCode Property

HTML DOM referansı: KeyboardEvent which Property


<Olay Nesne