Html Number Kontrolü İçin Mouse Scroll Disable Etmek


24 Ağustos 2016 Hikmet Okumuş JavaScript

Merhaba arkadaşlar,

Number tipindeki bir input nesnesinin üzerinde mouse scroll ile aşağı yukarı yaptığımızda input içerisindeki değer değişmektedir. Bu işlem bazen sayfayı aşağı yukarı hareket ettirmek isterken yanlışlıkla değerin değişmesine neden olabilir. Bu gibi bir durumun önüne geçmek için aşağıdaki script ile nesnenin scroll özelliğini disabled edebilirsiniz.
		document.addEventListener("mousewheel", function (event) {
			if (document.activeElement.type === "number") {
				document.activeElement.blur();
			}
		});
	

Başarılar dilerim.



Yorum Ekle