Jquery ile Klavye Girişindeki Basılan Tuşu Okumak (Get Key on Keypress in Text With Jquery)

jquery-ile-klavye-girisindeki-basilan-tusu-okumak-get-key-on-keypress-in-text-with-jquery (büyük resim için tıklayın)

Bu gönderide, text input üzerinde klavye tuş girişi olduğunda, basılan tuş hakkında bilgilendirmek ve bazı tuşları görmezden gelmekten bahsediyorum.

Doküman üzerinde yalnızca text input ve jquery tanımlaması yeterli olacaktır.

  • <html>
  • <body>
  •  <input type="text" id="txtKey">
  •  <script src="https://code.jquery.com/jquery-1.12.3.js"></script>
  •  </body>
  • </html>

Doküman üzerinde çalışacak javascript betiği olarak; hangi elementte hangi olay dinleneceğini belirtmek için tanımlama olmalı ve bu tanımlamaya ek olarak gerçekleştirmek istenilenler fonksiyon tanımlanarak belirtilmelidir. Klavyeden basılan tuşun kodunu öğrenmek için; türetilen keyCode; basılan tuşun ismini öğrenmek için key özelliğini girmek gereklidir. Örneğin text input üzerinde bazı tuşların girişi görmezden gelinsin ve görmezden gelinen tuşlara basıldığında bu durum kullanıcıya bildirilsin…

  • $(document).on("keyup", "#txtKey", function (e) {
  • let arrKeyCodes=[16,17,18,27,37,38,39,40];
  •   if(arrKeyCodes.includes(e.keyCode))
  •   {
  •   console.log("forbidden key name: ["+e.key+"] ; code: ["+e.keyCode+"]");
  •    return false;
  •   }
  • });

//keyCodes => http://gcctech.org/csc/javascript/javascript_keycodes.htm

iam

Ömürcan Serdar, 30 Ağustos 2018 Perşembe 15:30 tarihinde kayıt oldu

Etiketler

Beğeni

Toplam Beğeni Sayısı: 1


Yıllara Göre Gönderiler








javascript Kategori

Input Üzerinde Otomatik Mail Tamamlama

Bugünün Timestamp Değerine Erişmek (Get Today Timestamp)

Jquery ile Klavye Girişindeki Basılan Tuşu Okumak (Get Key on Keypress in Text With Jquery)