5.00 / 1 oy

HTML'de number input'a klavye girişini engellemek

HTML number input ile sayıları küsuratlı göstermek yazısında number türündeki input'lar tanımlarken kullanıcıların klavye ile yazabilecekleri sayısal olmayan alfabetik karakterlerin sayısal dönüşümlerde ve matematiksel işlemlerde hata oluşmasına yol açabileceğini ve javascript kodu ile kullanıcıların sadece butonlar aracılığıyla sayısal değerleri güncellemelerine izin verilebileceğini söylemiştim. Bu yazıda da bu uygulamayı yapalım.

Kullanıcının bir input'a klavye ile giriş yapmasını engellemek istiyorsak keypress event'i için event.preventDefault() metodunu kullanabiliriz. Ama bizim amacımız sadece sayısal input'lar için kullanıcıların klavye ile giriş yapmalarını engellemek olduğu için aşağıdaki javascript kodlarının kullanımı daha uygun olacaktır.

$("[type='number']").keypress(function (event) {
    event.preventDefault();
});

Bu javascript kodu ile number türündeki input'lar için yapılacak klavye girişleri (keypress event'i) iptal edilmiş olacaktır.

Editör editi: benzer başlıklar için;

bkz: Javascript ile Türkçe Formatlı Tarih Biçimlendirmek ve Yazdırmak

bkz: JavaScript ile Mevcut Url'yi Görmek

bkz: Node.JS ve JavaScript İle Dört İşlem Yapmak

bkz: JQuery ya da Javascript ile sayfayı açılır açılmaz kapatmak

bkz: JavaScript ile İki Sayının Toplamını Hesaplayan Fonksiyon Örneği

bkz: Javascript ile kullanıcının clipboard'undaki veriyi almak

zirzop

14.04.2021 01:22

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
HTML'de number input'a klavye girişini engellemek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.