Üye Girişi Yapınız     


    E-Posta
    

    Şifreniz
    



Şifremi Unuttum


Ana Sayfa Site Hakkında İletişim Ziyaretçi Defteri Döküman İndir Makale Ekle Haber Ekle

     JavaScript ile klavye tuşlarını işleme
     admin     15.03.2013     18:33:47

Kullanıcıların klavyeden hangi tuşa ya da tuşlara bastığını kontrol etmek isteyebilirsiniz. Böyle bir durumda kendiniz kod yazarak yapabileceğiniz gibi, yazılmış bir js dosyasını kodlarınıza dahil ederek kullanabilirsiniz. Böyle bir uygulamayı sizlerle paylaşmak istedim. Bu çalışmamızda, OpenJS tarafından hazırlanmış bir script dosyasını kullanarak klavye tuş kontrolünü kolayca gerçekleştireceğiz.



Öncelikle; 

Gerekli olan JavaScript dosyasını buradan ‘Hedefi Farklı Kaydet‘ diyerek indirin. İndirdiğiniz JavaScript dosyasını web sayfanıza bağlamak için <head></head> etiketleri arasına alttaki kodu yerleştirin.

 

<script type="text/javascript" src="shortcuts.js"></script> 

JavaScript dosyasını ekledikten sonra örnekler yaparak nasıl klavye tuşlarını işleyebileceğimize bakalım.

Tek bir tuşa basıldığında

Örnek uygulamamızda klavyeden X tuşuna basıldığında X tuşuna bastınız ! mesajı verdirelim.

<script type="text/javascript"> 	shortcut("X", function() {                 alert("X tuşuna bastınız !"); 	}); </script> 

Birden fazla tuşa basıldığında

Şimdi ise klavyeden Ctrl ile birlikte 5 tuşlarına basıldığında Ctrl ve 5 tuşlarına bastınız ! mesajı verdirelim.

<script type="text/javascript"> 	shortcut("Ctrl+5", function() {                 alert("Ctrl ve 5 tuşlarına bastınız !"); 	}); </script> 

Gördüğünüz gibi kullanım aynı. Sadece iki tuş arasına + işareti eklemeniz yeterli...

Konuyla ilgili daha fazla ayrıntıya ise şuradan ulaşabilirsiniz.

 

Facebook'ta Paylaş    
Diğer JavaScript İçerikleri       Tüm Yazılar        Ana Sayfa


  =>Soru Sorun veya Yorum Yazın...

İsim Giriniz :
  

  =>Yapılan Yorumlar...

UĞUR    02.12.2013    15:17:20

  1. Klavyeden girilen mesajı bir butona basınca  ekranda gösteren javascript kodlarını yazınız ?
  2. Tarih ve saat bilgilerini kullanıcıya sayfasında gösteren javascript kodlarını yazınız? (Tarih 07.01.2013
                                                                                                                                                             Saat 14:10:05 gibi)
  3. Klaveden girilen 5 sayının en büyüğünü bulan javascript kodlarını yazınız ?
  4. Duyurular linkinde basıldığında haber.htm dosyasını yeni bir pencerede açan ve sayfanın boyutları kullanıcı tarafından değiştirilemiyen javascript kodlarını yazınız.?
  5. 10 elemanlı bir diziyi büyükten küçüğe sıralayıp ekranda gösteren javascript kodlarınız yazınız.?
  6. pencereyi kapat linkine basıldığında ekrana pencere kapanıyor mesaj penceresi çıkan ve pencereyi kapatan javascript kodlarını yazınız.?

lütfen bunları benim için cevaplar mısınız ? bunlar üniversite final sorusu.bu dersi geçtiğim zaman okul bitiyor lütfen ve bu adrese mail atarsanız seviniri.= ugur.14bolu@hotmail.com

 


admin    03.12.2013    09:35:12

Uğur.. Bu sorularının benzerlerlerinin çözümleri JavaScript kategorisindeki içeriklerde mevcut olmalı. İncelemeni öneririm.