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

omurs

Ö S, 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








LombokLoglamaB2C (Business-to-Consumer)B2B (Business-to-Business)İçerik Yönetim Sistemi - CMS (Content Management System)Pagination (Sayfalama)Sanal Özel Ağ - VPN (Virtual Private Network)Cronjob (Zamanlanmış Görevler)Printer-YazıcıJava'daki İlkel Veri Tipleri ve Alabilecekleri DeğerlerBit & Byte ve Hafıza Boyutlarındaki Ölçüm BirimleriSanallaştırma (Virtualization)DNS KayıtlarıE-Fatura ve E-ArşivYazılım Lisans TürleriAudit (Denetim) Açık Kaynak (Open Source)Monitoring (İzleme)Sitemap & Robots.txtKilometretaşı (Milestone)BSMV (Banka ve Sigorta Muameleleri Vergisi)KKDF (Kaynak Kullanımı Destekleme Fonu)Siber Pazartesi (Cyber Monday)Black Friday (Kara Cuma)Hotlink.htaccessCryptoLockerMalwareTrojanWormDependency (Yazılım Geliştirme Sürecinde Paket Bağımlılığı)Configuration (Yazılım Geliştirme Sürecinde Yapılandırma)Yahoo ve Yahoo'nun Başarısızlık NedenleriArchiving (Yazılım Geliştirme Sürecinde Arşivleme)Görsel Dosya Türleri (Image Types)ReleaseVersioning & Tagging (Versiyonlama ve Etiketleme)BuildJob (Yazılım Geliştirme Sürecinde Görevler)SonarQubeCDATA (Character Data)Alan Adı Uzantıları (Domain Name Extensions)Regresyon Kara Kutu (Black-Box) TestBeyaz Kutu (White-box) TestGri Kutu (Grey-box) TestYazılım Geliştirme Sürecindeki Temel Test TürleriKod gözden geçirme (Code Review)Birim Testi (Unit Testing)Yazılım Sürecinde EntegrasyonJAR & WAREager & Lazy Fetch TypeMaskelemeKPI (Key Performance Indicator)KII (Key Impact Indicator)Projenin JAR Dosyasını Oluştur - JAR PathSunucu için Linux dağıtım SeçimiKonyteynerler (container technologies)Runtime & Compile Time (Çalışma ve Derleme Zamanı)@Anotasyonlar (@Annotations)