JavaScript KeyCode Bulucu
Herhangi bir tuşa basın ve keyCode, key, code ile which değerlerini görün
Klavye yakalama
Buraya odaklanın ve bir tuşa basın
Klavye olayları yalnızca bu alanda yakalanır. Tab tuşu tuşu kaydeder ve odağı sonraki denetime taşır.
Eksiksiz klavye olayları için fiziksel klavye kullanın. Mobil klavyeler bazı özellikleri içermeyebilir.
Son tuş basışları
Son 10 tuş basışınız burada görünür.
Klavye olayı ayrıntıları
event.keyevent.codeevent.keyCodeKullanımdan kaldırıldıevent.whichKullanımdan kaldırıldıevent.locationevent.repeatDeğiştirici tuşlar
Klavye olayını incelemek için yakalama alanına odaklanın.
JavaScript KeyCode Bulucu hakkında
Bu JavaScript KeyCode Bulucu, herhangi bir tuşa bastığınızda tüm klavye olayı özelliklerini anında gösteren ücretsiz, etkileşimli bir geliştirici aracıdır. İster klavye kısayolları, ister oyun kontrolleri veya erişilebilir gezinme geliştiriyor olun, event.key, event.code, event.keyCode ve event.which değerlerini tam olarak bilmek, güvenilir ve farklı tarayıcılarda çalışan JavaScript yazmak için gereklidir.
Modern web uygulamaları, form doğrulamadan gerçek zamanlı iş birliği araçlarına kadar pek çok alanda klavye olaylarını işleme mekanizmasına dayanır. Bu tuş kodu sorgulama aracı, bir tuşa basıldığı anda fiziksel tuş kodunu, mantıksal tuş değerini, konum tanımlayıcısını ve tüm değiştirici tuş durumlarını (Shift, Ctrl, Alt, Meta) doğrudan tarayıcınızda göstererek tahmin ihtiyacını ortadan kaldırır. Kurulum gerektirmez.
Statik tuş kodu referans tablolarından farklı olarak bu canlı JavaScript tuş olayı test aracı, gerçek tarayıcı olaylarını yakalar. Böylece farklı işletim sistemleri ve klavye düzenlerindeki davranışı doğrulayabilirsiniz. Ayrıca hangi özelliklerin kullanım dışı bırakıldığını açıkça işaretleyerek güncel W3C klavye olayı standartlarına uygun, gelecekte de kullanılabilecek kod yazmanıza yardımcı olur.
Temel özellikler
- Gerçek zamanlı gösterilen değerler:
event.key,event.code,event.keyCode,event.whichveevent.location - Shift, Ctrl, Alt ve Meta durumlarını gösteren görsel değiştirici tuş göstergeleri
- keyCode ve which gibi eski özelliklerde kullanım dışı bırakılma rozetleri
- Her bir olay özelliğinin değerini tek tıklamayla kopyalama
- Tüm tuş verilerini biçimlendirilmiş bir JSON nesnesi olarak dışa aktarma
- Karşılaştırma için son 10 tuş basışınızı izleyen geçmiş tablosu
- Sol, sağ ve sayısal tuş takımı konumlarını otomatik olarak ayırt etme
- Kolay tanımlama için klavye tuşlarının görsel gösterimi
- İşlev tuşları, oklar ve özel karakterler dahil tüm tuşlarla çalışır
- Koyu mod destekli, tüm ekran boyutlarına uyumlu tasarım
JavaScript KeyCode Bulucu nasıl kullanılır?
- Giriş alanına odaklanın: Klavye dinlemeyi etkinleştirmek için aracın üst kısmındaki kesikli çizgili tuş basma bölgesinin herhangi bir yerine tıklayın.
- Herhangi bir tuşa basın: Klavyenizde bir tuşa basın; tüm olay özellikleri aşağıdaki özellik tablosunda anında görünür.
- Değiştirici tuş durumlarını inceleyin: Tuşa basıldığı sırada hangi değiştiricilerin etkin olduğunu görmek için Shift, Ctrl, Alt ve Meta göstergelerini kontrol edin.
- Değerleri kopyalayın: Bir özelliğin değerini kopyalamak için yanındaki kopyalama simgesine tıklayın veya tüm özellikleri aynı anda dışa aktarmak için "Tümünü JSON olarak kopyala" düğmesini kullanın.
- Tuşları karşılaştırın: Art arda birkaç tuşa basın ve kodlarını yan yana karşılaştırmak için aşağıdaki geçmiş tablosuna kaydırın.
- Temizleyip tekrarlayın: Tüm verileri sıfırlamak ve yeni bir test oturumu başlatmak için Temizle düğmesine basın.
Kullanım alanları
- Klavye kısayolu geliştirme: Web uygulamalarında özel kısayollar oluşturmak için doğru tuş ve kod değerlerini belirleyin.
- Oyun kontrolleri: Klavye düzeninden bağımsız tuş atamaları için event.code değerini kontrol ederek fiziksel tuşları oyun eylemlerine eşleyin.
- Erişilebilirlik testi: Klavyeyle gezinmenin doğru çalıştığını ve tüm etkileşimli öğelerin beklenen tuşlara yanıt verdiğini doğrulayın.
- Eski kodu taşıma: Eski projelerde kullanılan, kullanım dışı bırakılmış event.keyCode değerlerinin modern event.key karşılıklarını bulun.
- Tarayıcılar arası hata ayıklama: Tuş olaylarının Chrome, Firefox, Safari ve Edge üzerinde tutarlı değerler ürettiğini doğrulayın.
- Giriş formu doğrulama: Metin alanlarında belirli karakterlere izin vermek veya bunları engellemek için kesin tuş değerlerini belirleyin.
- Eğitim ve dokümantasyon yazımı: Geliştirici rehberlerine ve referans materyallerine eklemek için doğru tuş kodu verilerini hızla sorgulayın.
- Sayısal tuş takımı ile ana klavyeyi ayırt etme: Sayısal tuş takımı tuşlarını standart sayı tuşlarından ayırmak için location özelliğini kullanın.
Sıkça sorulan sorular
event.key ile event.code arasındaki fark nedir?
event.key, tuşun mantıksal değerini (örneğin Shift durumuna bağlı olarak "a" veya "A") döndürürken event.code, değiştirici tuşlardan veya klavye düzeninden bağımsız olarak klavyedeki fiziksel tuşu (örneğin "KeyA") döndürür. Karakter girişi için event.key, konuma dayalı kısayollar için event.code kullanın.
event.keyCode kullanmak hâlâ güvenli mi?
event.keyCode, W3C tarafından resmen kullanım dışı bırakılmıştır ve tarayıcılar arasında tutarsız davranabilir. Yeni projelerde event.key veya event.code kullanın. Ancak birçok eski kod tabanı hâlâ keyCode kullandığından bu araç, geriye dönük uyumluluk için referans olarak bu değeri gösterir.
Konum alanı neden önemlidir?
Bu event.location özelliği, sol Shift ile sağ Shift veya sayı satırı ile sayısal tuş takımı gibi klavyede birden fazla yerde bulunan tuşları ayırt eder. Bu, aynı işlevdeki tuşları birbirinden ayırması gereken uygulamalar için kritik öneme sahiptir.
Bu araç ücretsiz mi?
Evet, JavaScript KeyCode Bulucu tamamen ücretsizdir; kayıt, kullanım sınırı veya gizli ücret yoktur. Geliştirme ve test için ihtiyacınız olduğu kadar kullanabilirsiniz.
Verilerim güvende mi?
Kesinlikle. Tüm tuş algılama işlemleri, yerel JavaScript klavye olayları kullanılarak tamamen tarayıcınızda gerçekleşir. Hiçbir tuş basışı veya olay verisi sunucuya gönderilmez. Girdileriniz cihazınızda tamamen gizli kalır.
Mobil cihazlarda çalışır mı?
Araç en iyi fiziksel klavyeyle çalışır. Mobil cihazlarda ekran klavyesi tüm olay özelliklerini tutarlı şekilde tetiklemeyebilir. Güvenilir sonuçlar için masaüstü veya dizüstü bilgisayar kullanın ya da mobil cihazınıza harici bir klavye bağlayın.
İpuçları ve en iyi uygulamalar
- Karakter girişi için event.key tercih edin: Klavye düzenini, dili ve değiştirici tuş durumunu otomatik olarak dikkate alır.
- Oyun kontrolleri için event.code kullanın: Fiziksel tuş konumları, kullanıcının klavye düzeninden (QWERTY, AZERTY, Dvorak) bağımsız olarak aynı kalır.
- Değiştirici tuş kombinasyonlarını her zaman test edin: Kısayol dinleyicilerinizin doğru kombinasyonu yakaladığını doğrulamak için Ctrl+Shift+Key veya Alt+Key tuşlarına basın.
- Örüntüler için geçmiş tablosunu kontrol edin: Birden fazla tuş basışını karşılaştırmak, tutarsızlıkları fark etmenize veya doğru kodları daha hızlı bulmanıza yardımcı olur.
- Dokümantasyon için JSON dışa aktarın: Doğru tuş verilerini doğrudan kod tabanınızdaki yorumlara veya geliştirici belgelerine yapıştırmak için "Tümünü JSON olarak kopyala" özelliğini kullanın.
- Farklı tarayıcılarda test edin: Tuş olayı değerleri, özellikle özel tuşlarda, tarayıcılar arasında değişebilir. Hedef tarayıcılarınızı her zaman doğrulayın.