KeyboardEvent keyCode özelliği

DOM Olayları KeyboardEvent

Tanım ve kullanım

keyCode özelliği tetikleyen onkeypress Olayı düğmesinin Unicode karakter kodu, veya tetikleyen onkeydown veya onkeyup Olayı düğmesinin Unicode düğme kodu.

İki kod türünün farkı:

  • Karakter kodu - ASCII karakterlerini temsil eden sayı
  • Tuş kodları - Klavyedeki gerçek tuşları temsil eden rakamlar

Bu türler her zaman aynı şeyi ifade etmez. Örneğin, küçük "w" ve büyük "W" klavye kodları aynıdır, çünkü klavyede aynı tuşa basılmıştır ("W" = sayısal "87"), ancak karakter kodları farklıdır, çünkü resulting karakter farklıdır ("w" veya "W", yani "119" veya "87"). - Aşağıdaki daha fazla örneği kontrol ederek bu noktayı daha iyi anlayabilirsiniz.

İpucu:Kullanıcının basılabilir bir tuşa (örneğin "a" veya "5") basıp basmadığını anlamak için onkeypress olayında bu özelliği kullanmanız önerilir. Kullanıcının bir fonksiyon tuşuna (örneğin "F1", "CAPS LOCK" veya "Home") basıp basmadığını anlamak için onkeydown veya onkeyup olaylarını kullanın.

Açıklama:Firefox'ta, keyCode özelliği onkeypress olayında çalışmaz (sadece 0 döner). Çapraz tarayıcı çözümü için aşağıdaki kullanın which özelliğiörneğin:

var x = event.which || event.keyCode;  // which veya keyCode kullan, tarayıcı desteğine bağlı

İpucu:Tüm Unicode karakterlerinin listesi için, bizim Tam Unicode referansı.

İpucu:Unicode değerini karaktere dönüştürmek için aşağıdaki kullanın fromCharCode() yöntemi.

Açıklama:Bu özellik yalnızca okunabilir.

Açıklama:keyCode ve which özellikleri yalnızca uyumluluk için sağlanmıştır. En son DOM olay规范u, (varsayılan olarak kullanılabilecekse) key özelliğini kullanmanızı önerir.

İpucu:Eğer bir tuş olayı meydana geldiğinde "ALT", "CTRL", "META" veya "SHIFT" tuşlarının basılı olup olmadığını bilmek istiyorsanız, aşağıdaki kullanın altKey,ctrlKey/,metaKey veya shiftKey Özellikleri.

Örnek

Örnek 1

Tıklanan klavye tuşunun Unicode değerini alın:

var x = event.keyCode;

Kişisel olarak deneyin

Örnek 2

onkeypress ve onkeydown kullanarak karakter kodu ile klavye kodu arasındaki farkı gösterin:

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

Klavyedeki "a" tuşuna basarken (Capslock kullanılmadan), char ve key sonuçları şu şekilde olacaktır:

Unicode CHARACTER kodu: 97
Unicode KEY kodu: 65

Kişisel olarak deneyin

Örnek 3

Eğer kullanıcı Escape tuşuna basarsa, bazı metinler gösterilir:

<input type="text" onkeydown="myFunction(event)"> 
function myFunction(event) {
  var x = event.keyCode;
  if (x == 27) {  // 27, ESC tuşunun kodudur
    alert ("Escape tuşuna bastınız!");
  }
}

Kişisel olarak deneyin

Örnek 4

Unicode değeri karaktere dönüştür (fonksiyon tuşları için geçerli değil):

var x = event.keyCode;                // Unicode değeri alın
var y = String.fromCharCode(x);       // Değeri karaktere dönüştür

Kişisel olarak deneyin

Gramer

event.keyCode

Teknik Ayrıntılar

Dönüş değeri: Sayısal değer, Unicode karakter kodu veya Unicode tuş kodunu temsil eder.
DOM Sürümü: DOM Seviye 2 Olayları

Tarayıcı Desteği

Özellikler Chrome IE Firefox Safari Opera
keyCode Destek Destek Destek Destek Destek

İlgili Sayfalar

HTML DOM Referans Kılavuzu:KeyboardEvent key Özelliği

HTML DOM Referans Kılavuzu:KeyboardEvent charCode Özelliği

HTML DOM Referans Kılavuzu:KeyboardEvent which Özelliği

DOM Olayları KeyboardEvent