Çevrimiçi Klavye Tuş Kodu Görselleştiricisi. Tuş Kodu İnceleyicisi

Herhangi bir klavye tuşunun event.key, event.code, event.which ve konumunu gerçek zamanlı olarak görmek için ücretsiz çevrimiçi araç. Kullanıma hazır JavaScript kod parçacıkları oluşturur.

Bir tuşa basın

Kodunu görmek için klavyenin herhangi bir tuşuna basın

Araç Stüdyosu

Bu aracı kendi sitenizde kullanmak ister misiniz?

WordPress, Notion veya kendi siteniz için renkleri ve karanlık modu özelleştirin.

Sıkça Sorulan Sorular

event.key ile event.code arasındaki fark nedir?

event.code, yapılandırılmış dilden bağımsız olarak klavyedeki tuşun fiziksel konumunu temsil eder. event.key, Shift tuşuna basarsanız veya farklı bir dil kullanırsanız değişebilecek oluşturulan karakteri temsil eder. Oyun kontrolleri için code kullanın; metin girişi ve anlamsal kısayollar için key kullanın.

event.which nedir ve neden kullanımdan kaldırıldı?

event.which, tuş için sayısal bir ASCII kodu döndüren eski bir özelliğidir. Daha doğru ve okunabilir bilgiler sağlamak için event.key ve event.code tarafından değiştirildiğinden, modern standartlarda kullanımdan kaldırılmış olarak işaretlenmiştir. Eğitim amaçlı olarak bu araçta gösterilmektedir.

location özelliği ne anlama gelir?

location özelliği, tuşun klavyede fiziksel olarak nerede olduğunu gösterir: Standart (normal konum), Sol (sol değiştirici tuş), Sağ (sağ değiştirici tuş) veya Saypad (sayısal tuş takımı). Sol ve sağ CTRL tuşlarını ayırt etmek için kullanışlıdır, örneğin.

Uluslararası klavyeler ve QWERTY olmayan düzenlerle çalışır mı?

Evet. Araç, tarayıcının klavye yapılandırmanız için rapor ettiği şeyi tam olarak gösterir. event.code her zaman fiziksel konumun QWERTY adını döndürürken, event.key dilinize göre gerçek karakteri gösterecektir.

# JavaScript'te Klavye Olaylarını Anlama

Bir kullanıcı bir tuşa bastığında, tarayıcı üç olayı tetikler: keydown, keypress ve keyup. Her biri basılan tuş hakkında bilgi içeren özellikler ortaya çıkarır, ancak hepsi eşdeğer veya önerilir değildir.

# Tuş Olayı Özellikleri

event.code — Fiziksel Tuş

Tuşun klavyedeki fiziksel konumunun tanımlayıcısını QWERTY nomenklaturunu kullanarak döndürür. Örneğin, AZERTY klavyesindeki "A" tuşu KeyQ döndürür. Konum önemli olan, karakter değil, oyun kontrolleri için idealdir.

event.key — Oluşturulan Karakter

Dil ve etkin değiştiricilere göre oluşturulan karakter değerini döndürür. Shift+A tuşuna basmak "A" döndürür; Shift olmadan "a" döndürür. Özel tuşlar için "Enter", "Escape", "ArrowUp" gibi adları döndürür.

# Her bir özelliği ne zaman kullanacağınız

Oyun kontrolleri için event.code (dilden bağımsız olarak WASD) ve belirli karakterleri veya Ctrl+C gibi anlamsal klavye kısayollarını algılamak için event.key kullanın.
event.which ve event.keyCode özellikleri W3C standardına göre resmi olarak kullanımdan kaldırılmıştır. Modern tarayıcılar uyumluluğu korunması için desteklemeye devam etse de, yeni kodda kullanılmamalıdırlar.

Bibliyografik Referanslar