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