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

Bazen 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ı buradan açıp sağ tıklayıp Farklı Kaydet diyerek indirin. indirdiğiniz JavaScript dosyasını web sayfanıza bağlamak için 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.