En son web geliştirme öğreticiler
 

KeyboardEvent which Property

<Olay Nesne

Örnek

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

var x = event.which;

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ı

Hangi ö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: hangi özelliği IE8 desteklenen ve önceki edilmez. Bu tarayıcı sürümleri için, kullanabilir keyCode özelliği. Ancak, keyCode özelliği Firefox'ta onkeypress olaya çalışmaz. bir çapraz tarayıcı çözüm için, aşağıdaki kodu kullanabilirsiniz:

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: Hangi ve keyCode özelliği 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

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

özellik
which Evet 9.0 Evet Evet Evet

Sözdizimi

event .which

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; // event.keyCode is used for IE8 and earlier
    document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}

function uniKeyCode(event) {
    var key = event.which || event.keyCode; // event.keyCode is used for IE8 and earlier
    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.which || event.keyCode; // event.keyCode is used for IE8 and earlier
    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.which || 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 keyCode Property

HTML DOM referansı: KeyboardEvent charCode Property


<Olay Nesne