Keycode Checker

Keycode Checker, tarayıcınızda bastığınız klavye tuşlarının JavaScript içinde olay verisi olarak nasıl algılandığını anında kontrol etmenizi sağlayan bir geliştirici aracıdır.

Frontend geliştirmede, kullanıcı girişine dayalı kısayol tuşları veya oyun kontrolleri uygularken doğru tuş algılama gereklidir. Bu araçla, event.key, event.code ve event.keyCode gibi tuş özelliklerini bir bakışta görebilir ve tek bir tıklamayla kopyalayabilirsiniz. Farklı klavye düzenlerinin (JIS vs US gibi) davranışlarını ve Shift ve Ctrl gibi değiştirici tuşlarla kombinasyonları test etmek de kolaydır.

Ayrıca klavye giriş geçmişinizi kontrol edebilir ve e.preventDefault() etkinleştirildiğinde tarayıcı varsayılan eylemlerinin (Sekme hareketi veya Boşluk kaydırma gibi) engellenmesini tarayıcı içinde güvenle test edebilirsiniz.

event.key

Kullanıcı tarafından fiilen girilen karakteri veya işlevi temsil eder. Örneğin, bir ABD klavyesinde Shift + 1 tuşlarına basmak event.key olarak ! verir. Mantıksal girişi değerlendirmek için en çok önerilen özelliktir.

event.code

Basılan tuşun fiziksel konumunu gösterir. Klavye dili düzeninden bağımsız olarak, "A" konumundaki tuşa basmak her zaman KeyA döndürür. Bu, oyunlardaki WASD hareketi gibi fiziksel düzene bağlı eylemler için oldukça kullanışlıdır.

event.keyCode / event.which

Basılan tuşa atanan sisteme özgü sayısal bir kod döndürür (örneğin, A için 65). JavaScript geliştirmede uzun süredir kullanılmasına rağmen, bunlar artık kullanımdan kaldırılmıştır (deprecated). Yalnızca geriye dönük uyumluluk kontrolleri için kullanılmalıdır.

event.location

Tuşa basıldığı klavyenin fiziksel bölgesini gösteren bir sayı. Standart tuşlar (0), sol değiştiriciler (1), sağ değiştiriciler (2) ve numpad tuşları (3) arasında ayrım yapabilir.

preventDefault()

Bir olay tarafından tetiklenen tarayıcının varsayılan davranışını (Space tuşuna basıldığında sayfayı aşağı kaydırmak gibi) iptal etmek için kullanılan bir JavaScript yöntemi.

Q.Bunu akıllı telefon veya tablette kullanabilir miyim?

Fiziksel bir klavye bağladıysanız düzgün çalışır. Ancak, ekrandaki yazılım klavyesiyle, keydown olayı işletim sistemi veya tarayıcı uygulamasına bağlı olarak doğru şekilde tetiklenmeyebilir veya her zaman aynı tuş kodunu (örneğin 229) döndürebilir. Bu araç, fiziksel klavyelerle kullanılmak üzere tasarlanmıştır.

Q.event.key mi yoksa event.code mu kullanmalıyım?

Kullanım durumunuza bağlıdır. Tuşun veya girilen karakterin anlamını değerlendirmek istiyorsanız (örneğin, 'Göndermek için Enter\'a basın'), event.key kullanın. Öte yandan, eylemleri klavyedeki fiziksel konuma dayandırmak istiyorsanız (örneğin, 'Karakteri W, A, S, D ile hareket ettirin'), event.code kullanmak en iyi uygulamadır.

Q.F5 veya Ctrl+W gibi kısayolları engelleyebilir miyim?

JavaScript'in e.preventDefault() işlevini kullansanız bile, sekmeleri kapatmak, pencereleri yeniden yüklemek veya tarayıcı geliştirici araçlarını açmak gibi güvenlik veya işletim sistemi/tarayıcı düzeyinde ayrılmış güçlü kısayol tuşlarını tamamen engelleyemeyebilirsiniz.

Q.event.keyCode neden artık önerilmiyor (deprecated)?

Çünkü döndürülen sayısal değer tarayıcıya, işletim sistemine ve klavye düzenine bağlı olarak değişebilir ve bu da uyumluluk sorunlarına yol açar. Şu anda event.key veya event.code kullanılması önerilmektedir.

Q.Girilen tuş verileri bir sunucuya gönderiliyor mu?

Hayır, gönderilmez. Tüm işlemler tarayıcınız içinde JavaScript kullanılarak tamamlanır ve tuş girişi geçmişiniz hiçbir harici sunucuya gönderilmez veya kaydedilmez.

Tuş kodlarını kontrol etmenin gerekli olduğu tipik geliştirme senaryoları şunlardır.