jQuery ile Klavye Tuşları Yönetimi
1669 görüntüleme

Merhaba Arkadaşlar,

jQuery ile klavyeden basılan tuşa işlem yapacağız. yapacağımız örnek uygulamada klavyeden basılan tuşlara göre bizim belirttiğimiz sitelere gidişi sağlayacağız.

bunun için ilk önce html  de 

 

   <p><a href="http://www.google.com" id="google">google a gitmek için "G" harfine basınız</a></p>

      <p><a href="http://www.facebook.com" id="facebook">facebook a gitmek için "F" harfine basınızt</a></p>

      <p><a href="http://www.bildiklerimiz.net" id="bildiklerimiz">bildiklerimiz.net e gitmek için "B" harfine basınız</a></p>

 

üç tane link oluşturdum linklerde id isimlerine dikkat edin çünkü bu id isimlerine göre işlem yaptırtacağız.

şimdi jquery kısmına geçelim ilk olarak klasik jquery kodlarımızı sayfaya çağıralım.

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

 

<script type="text/javascript">
$(function() {
$(document).keyup(function(e) {
var key = (e.keyCode ? e.keyCode : e.charCode);
switch (key) {
case 71:
LinkeGit($('a[id$=google]'));
break;
case 70:
LinkeGit($('a[id$=facebook]'));
break;
case 66:
LinkeGit($('a[id$=bildiklerimiz]'));
break;
default: ;
}
});

function LinkeGit(jObj) {
window.location.href = $(jObj).attr("href");
alert("Gideceğiniz adres " + $(jObj).attr("href"));
}
});        
</script>

 

case diye belirttiğimiz alanda yazmış olduğum misal 70 rakamı klavyeden f harfini temsil etmektedir. yani f harfine basıldığında yapılacak işlemi belirtmiş oluyoruz.

sayfayı çalıştırdığımızda klavyeden "g" harfine bastığımızda google sitesine, "f" harfine bastığımızda facebook sitesine ve "b" harfine bastığımızda www.bildiklerimiz.net sitesine gidecektir.

Bir sonraki makalede görüşmek dileğiyle 

Veysel APARI


Bildiklerimizi paylaşıyoruz, bilmediklerimizi öğreniyoruz.
biz bunları yapıyoruz ya siz...
© 2016 Bildiklerimiz.Net Tüm hakları saklıdır.