Klavye girişini JavaScript’te kullanmak istiyorum; burada, tuşlara basıldığında, belirli bir şeklin şeklindeki değişiklikle sonuçlanacak. JavaScript'deki herhangi bir tuşun girişini nasıl alabilirim?JavaScript'te klavye girişi nasıl alınır?
cevap
belgenin veya tuş vuruşlarını gözlemlemek ve key related properties of the event object incelemek istediğiniz herhangi bir öğe üzerinde registering an event handler yapabilirsiniz. FF ve Webkit tabanlı tarayıcılarda çalışır
Örnek:
document.addEventListener('keydown', function(event) {
if(event.keyCode == 37) {
alert('Left was pressed');
}
else if(event.keyCode == 39) {
alert('Right was pressed');
}
});
IE eşdeğeri eklemek iyi bir şey olurdu. –
, Backspace'ı yakalamak için tarayıcımın "Geri Dönmesini" önlemek için yapabileceğim bir şey var mı? –
@Vitimtk: Üzgünüm, gerçekten şimdi vaktim yok, ama bu sorulara bir göz yoktur: (event.preventDefault kullanma http://stackoverflow.com/search?q=javascript+disable+backspace+navigation –
bir tarayıcıda yapıyorsanız, klavye olayları yakalayabilir.
- keydown
- tuşa basma her çoğu tarayıcıda HTML düğümlerde dinledi edilebilir.
Webkit de ... İstediğin penceresinde bir olay işleyici veya herhangi elemanı için kayıt olmalıdır http://unixpapa.com/js/key.html
- textInput
Daha fazla ayrıntı için bakınız .. destekler tuş vuruşlarını gözlemleyin ve keyCode yerine standart key values kullanın. MDN gelen bu modifiye kod sol, sağ, ok tuşlarına basıldığında yukarı veya aşağı zaman keydown yanıt verecektir:
window.addEventListener("keydown", function (event) {
if (event.defaultPrevented) {
return; // Do nothing if the event was already processed
}
switch (event.key) {
case "ArrowDown":
// code for "down arrow" key press.
break;
case "ArrowUp":
// code for "up arrow" key press.
break;
case "ArrowLeft":
// code for "left arrow" key press.
break;
case "ArrowRight":
// code for "right arrow" key press.
break;
default:
return; // Quit when this doesn't handle the key event.
}
// Cancel the default action to avoid it being handled twice
event.preventDefault();
}, true);
// the last option dispatches the event to the listener first,
// then dispatches event to window
- 1. Linux'ta en düşük seviyede klavye girişi nasıl engellenir?
- 2. Perl, boru girişi ve klavye girişi için farklı tutamaklar nasıl kullanılır?
- 3. Nesnede var mı yoksa javascriptte mi var
- 4. Android Emulator: Hem yumuşak giriş hem de sabit klavye girişi
- 5. Çalışan bir işlem linux için klavye girişi gönder
- 6. Android - yumuşak klavye açıldığında html girişi odağı kaybediyor (ASP.net)
- 7. Girişi
- 8. C girişi, özel durum?
- 9. iOS'ta klavye nasıl programlanır?
- 10. OnCreate içinde Yumuşak Girişi Gizle
- 11. Google Plus Girişi
- 12. Klavye anahtarını klavye kombinasyonuna çevirin
- 13. VMWare ctrl-z tuşu ben içindeyiz tıklayın dek klavye girişi almaz Konukçumun VM benim VM
- 14. SQLAlchemy satır girişi nasıl güncellenir?
- 15. ODBC veritabanı girişi nasıl kullanılır?
- 16. Bir girişi nasıl gözlemlenebilir yapabilirim?
- 17. OpenID/Google'dan nasıl benzersiz tanımlayıcı alınır?
- 18. İletişim kutusundaki klavye nasıl gizlenir?
- 19. .NET'teki klavye kısayolları nasıl yapılır?
- 20. UITextView Kullanıcı girişi iOS 7 üzerinde görüntüleme
- 21. Android 3.1 tam klavye modunda yumuşak klavye
- 22. JS: Klavye girişi: "*" girerken girişten "8" i devre dışı bırak (işareti çoğaltır)
- 23. Tablo satırları olarak görüntülenen otomatik oluşturulan formlarda bir girdinin (onay kutusu girişi) değeri nasıl alınır?
- 24. Sqlit3 girişi
- 25. `süpürme() girişi
- 26. girişi: jquery
- 27. Yeni cihaz adlandırmada android avd java uygulamasına klavye girişi girilemiyor. (Mavericks, Homebrew)
- 28. Klavye kısayolu
- 29. Numara klavye?
- 30. Bir pop-up için klavye odağı nasıl verilir Gtk.Window
bir tarayıcıda yapılması gereken bu mudur? Eğer öyleyse klavye olaylarını yakalayabilirsiniz. – ocodo
Evet tarayıcıda – Hick