.keyCode ve .which karşılaştırması

Bunun Stack Overflow'da bir yerde cevaplanacağını düşündüm, ama bulamıyorum.

Bir tuşa basma olayı dinliyorsam Enter tuşuna basıp basılmadığını belirlemek için .keyCodeveya .whichtuşunu kullanmalı mıyım?

Her zaman aşağıdaki gibi bir şey yaptım:

$("#someid").keypress(function(e) {
  if (e.keyCode === 13) {
    e.preventDefault();
    // do something
  }
});

Ama .whichbunun yerine kullanılan örnekleri görüyorum .keyCode. Fark ne? Çapraz tarayıcılardan biri diğerinden daha kolay mı?

Not: Cevap aşağıda sonradan 2010. Burada uzun yıllar yazılmış, hem keyCodeve whichlehine artık kullanılmamaktadır key(mantıksal anahtar için) ve code(anahtarın fiziksel yerleşimi için). Ancak IE'nin desteklemediğini codeve desteğinin keydaha eski bir sürümüne dayandığını unutmayın, bu yüzden oldukça doğru değildir. Ben bu satırları yazarken, EdgeHTML ve Çakra göre geçerli Kenar desteklemez codeya, ama Microsoft, yayıyoruz Blink - ve V8 / tahminen yapar Edge için esaslı değiştirme, olacak -.

Bazı tarayıcılar kullanır keyCode, bazıları kullanır which.

JQuery kullanıyorsanız which, jQuery işleri standartlaştırdığı için güvenle kullanabilirsiniz ; Daha fazla burada.

JQuery kullanmıyorsanız bunu yapabilirsiniz:

var key = 'which' in e ? e.which : e.keyCode;

Veya alternatif olarak:

var key = e.which || e.keyCode || 0;

... bu e.whichda 0( olasılıkla JavaScript'in merak uyandırıcı güçlü operatörünü0 kullanarak geri yükleme ) olabilir.||

jQuery normale döner event.whichbağlı olarak event.which, event.keyCodeya da event.charCodetarayıcı tarafından desteklenir:

// Add which for key events
if ( event.which == null && (event.charCode != null || event.keyCode != null) ) {
   event.which = event.charCode != null ? event.charCode : event.keyCode;
}

Ek bir avantajı, .whichjQuery'nin fare tıklamaları için de yapmasıdır:

// Add which for click: 1 === left; 2 === middle; 3 === right
// Note: button is not normalized, so don't use it
if ( !event.which && event.button !== undefined ) {
    event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
}

Vanilya Javascript'te kalıyorsanız, keyCode'un artık kullanımdan kaldırıldığını ve bırakılacağını lütfen unutmayın:

Bu özellik Web standartlarından kaldırıldı. Bazı tarayıcılar yine de destekleyebilse de, bırakılma aşamasındadır. Kullanmaktan kaçının ve mümkünse mevcut kodu güncelleyin; kararınızı yönlendirmek için bu sayfanın altındaki uyumluluk tablosuna bakın. Bu özelliğin herhangi bir zamanda çalışmayı bırakabileceğini unutmayın

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode

Bunun yerine , istediğiniz davranışa bağlı olarak : .key veya .code kullanın : https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code https://developer.mozilla.org/en -ABD / docs / Web / API / KeyboardEvent / anahtar

Her ikisi de modern tarayıcılarda uygulanır.

şuna bak: https://developer.mozilla.org/en-US/docs/Web/API/event.keyCode

Bir keypress olayında, basılan anahtarın Unicode değeri keyCode veya charCode özelliğinde saklanır, asla ikisinde birden saklanmaz. Basılan tuş bir karakter üretirse (örn. 'A'), charCode, harf büyüklüğüne uygun olarak bu karakterin koduna ayarlanır. (yani charCode, shift tuşunun basılı olup olmadığını dikkate alır). Aksi takdirde, basılan tuşun kodu keyCode içinde saklanır. keyCode her zaman keydown ve keyup olaylarında ayarlanır. Bu durumlarda, charCode asla ayarlanmaz. KeyCode veya charCode içinde depolanmış olmasına bakılmaksızın anahtarın kodunu almak için hangi özelliği sorgulayın. IME aracılığıyla girilen karakterler keyCode veya charCode aracılığıyla kaydedilmez.

event.keyŞu anda tavsiye ederim . MDN dokümanları: https://developer.mozilla.org/tr-TR/docs/Web/API/KeyboardEvent/key

event.KeyCodeve event.whichher ikisinin de MDN sayfalarının üstünde kötü uyarılar var:
https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode https://developer.mozilla.org/en-US / docs / Web / API / KeyboardEvent / hangi

Alfasayısal tuşlar için, event.keytüm tarayıcılarda aynı şekilde uygulandığı görülmektedir. Kontrol tuşları (sekme, enter, escape vb.) İçin event.keyChrome / FF / Safari / Opera'da aynı değere sahiptir, ancak IE10 / 11 / Edge'de farklı bir değere sahiptir (IE'ler görünüşe göre spesifikasyonun eski bir sürümünü kullanır, ancak birbiriyle eşleşir) 14 Ocak 2018).

Alfasayısal tuşlar için bir kontrol şöyle görünecektir:

event.key === 'a'

Kontrol karakterleri için aşağıdakine benzer bir şey yapmanız gerekir:

event.key === 'Esc' || event.key === 'Escape'

Burada örneği birden çok tarayıcıda test etmek için kullandım (IE10 ile çalışabilmek için kod alanında açıp düzenlemek zorunda kaldım): https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/ kod

event.code olasılık olarak farklı bir cevapta belirtilmiştir, ancak IE10 / 11 / Edge bunu uygulamamaktadır, bu yüzden IE desteği istiyorsanız dışarıdadır.

Girilen klavye girişini ve tuş kombinasyonlarını yakalamak için sağlam bir Javascript kütüphanesi. Bağımlılığı yoktur.

http://jaywcjlove.github.io/hotkeys/

hotkeys('ctrl+a,ctrl+b,r,f', function(event,handler){
    switch(handler.key){
        case "ctrl+a":alert('you pressed ctrl+a!');break;
        case "ctrl+b":alert('you pressed ctrl+b!');break;
        case "r":alert('you pressed r!');break;
        case "f":alert('you pressed f!');break;
    }
});

kısayol tuşları aşağıdaki değiştiricileri anlar: ⇧, shift, option, ⌥, alt, ctrl, control, command, ve ⌘.

Aşağıdaki özel tuşlar kısayollar için kullanılabilir: backspace, tab, clear, enter, return, esc, escape, space, up, down, left, right, home, end, pageup, pagedown, del, deleteve f1içinden f19.

Firefox'ta, keyCode özelliği onkeypress olayında çalışmaz (yalnızca 0 döndürür). Çapraz tarayıcı çözümü için keyCode ile birlikte hangi özelliği kullanın, örn:

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