Kişisel Bir Web Günlüğü

JavaScript ile Klavye Tuşlarını işlemek

klavyeBazen ziyaretçinin klavyeden hangi tuşa veya hangi tuşlara bastığını öğrenmek isteriz. JavaScript ile kod yazarak klavyeden hangi tuşa basıldığını öğrenebilirsiniz. Sıfırdan kod yazmak yerine hazır yazılmış kodları da kullanabilirsiniz. Ben bu iş için sıfırdan kod yazmak istemedim ve OpenJS sitesinde gördüğüm bir JavaScript dosyasından faydalandım. Bu dosya o kadar güzel hazırlanmış ki sizinle de paylaşmak istedim ;)

ilk önce gerekli olan JavaScript dosyasını buradanHedefi Farklı Kaydet‘ diyerek indirin. indirdiğ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 ;)

Hazırladığım örnek bir sayfaya buradan, konuyla ilgili daha fazla ayrıntıya ise şuradan ulaşabilirsiniz.

benzer yazılar:
19 Nisan 2007 Yazılım Bugün 2 kez, toplamda ise 11.280 kez okundu. , , ,
14 yorum var
  1. gerçekten çok güzel bir kod teşekkürler :)

  2. Önemli değil ;)

  3. ne gibi yerlerde kullanabiliriz bunu ?

  4. bu kod kullanıcıyı şüphelendirmekten ve sıkmaktan başka işe yaramaz

  5. Mesela kullanıcı belli bir tuşa bastığında bir olayı tetiklemek için kullanabilirsin.

    Örneğin bir yorum formunda mesaj yazıyorsun. Ctrl ve K tuşlarına basıldığında seçili kelimeyi koyu yaptırabilirsin. Ctrl ve U tuşlarına basıldığında seçili kelimenin altını çizdirebilirsin. Ctrl, Alt ve G tuşlarına basıldığında de mesajı göndertebilirsin.

    Yanlış bilmiyorsam MyNet’in e-mail ekranında da klavye kısayolları kullanabiliyordun. Örneğin okumakta olduğun bir mesajı klavyeden Shift ve i tuşlarına basıldığında “istenmeyenler” klasörüne gönderebiliyordun.

    Umarım anlatabilmişimdir ;)

  6. Sizin dediğiniz kalınlaştırma altını çizme olayını nasıl yapacağız sanırım alert yerine başka bir şey yazmak gerekiyor biraz daha detaylı anlatabilir misiniz mümkünse ?

  7. Güzel bir fonksiyon hazırlamış kim hazırladıysa. Saolsun tek tek tanımlamış ve çok rahat kullanabilme imkanı sunmuş :)

    Paylaşım için teşekkürler Erhan ;)

  8. @Deniz
    alert sadece bir örnekti. Oraya sen herhangi bir kod yerleştirebilirsin. O sana kalmış artık

    @shapcy
    Birşey değil dostum ;)

  9. 3h€c€7harf 21 Nisan 2007 10:13

    çok teşekkürler erhan. güzel bir uygulama hazırlamışsın. yapacağım bazı uygulamalarda kullanabilirim. iyi çalışmalar

  10. Adaş, tek kelimeyle mükemmel bir uygulama. Yazılmış olan bir bbcode betiğine entegre edilirse mükemmel olur ki ilerde mutlaka bunu kullanırım ben :) Eline sağlık ;)

  11. koyacağım bir butona basıldığında f11 etkisi vermesini istiyorum ama başaramadım yardımcı olursanız sevinirim

  12. Çok faydalı bir paylaşım oldu,bunu siteme eklicem inşallah. Çok teşekkürler.

  13. bu kod özellikle yönetim panellerinde çok işe yarar üstelik kullanıcıyı sıkmaz benim gibi fareden çok klavyeyi kullanan kullanıcıları mutlu eder. teşekkürler

  14. aradığım bişeydi, prof. yazılımlarda olduğu gibi klavye kısayollarını kullanmak eğlenceli olucak

İçinizde kalmasın, siz de yorum yazın

Telif Hakkı © 2012 eburhan.com | Structure | XHTML