Cuma , 22 Eylül 2017
Anasayfa » JavaScript » Javascript: keypress klavye kontrolü
the arrow direction keypad on a computer keyboard

Javascript: keypress klavye kontrolü

Javascript ile keypress olay kontrolü ile ekranki div etiketini yön tuşları ile istediğimiz yöne hareket ettiren program kodu;

Klavye kontrollerinin çalışmasını anlatmadan önce css ile nesnenin hareket edebilmesi için position özelliğinin absolute yapıldığına dikkat edin.

Örnek üç temel parçadan oluşmaktadır.

1.kısım nesnenin css kodu

2.kısım nesnemizin tanımlanması.(javascript kodunu sayfanın sonuna eklediğinizden emin olun)

3. javascript kodumuz.

Klavyedeki yön tuşlarının kod değeri 

 

Sol Top Kodu:37

Ust Top Kodu:38

Sağ Top Kodu:39

Alt Top Kodu:40

window nesnesi üzerinde her hangi bir tuşa basıldığında çalışacak kodu window.onkeypress olayına anonim bir fonksiyon ile bağlayıp. Tuş kontrollerini bu fonksiyon içinde şartlar ile kontrol ediyoruz.

 

 

 

Hakkında Hayri

İlginizi Çekebilir

JQuery İle Resim Kaydırma

Bu örneğimizde JQuery ile butona tıklandığında resmin hareket etmesini sağlayacağız. İlk olarak JQuery’nin sitesinden JQuery …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir