JQuery是一款強大的JavaScript框架,許多網頁設計師喜歡使用它來開發網頁。
在許多情況下,我們需要在一個輸入框中只允許用戶輸入數字,這在處理金額、數量等方面非常有用。JQuery使這項任務易于實現。
$(document).ready(function() { // 監聽輸入框 $("input[type='number']").on("keydown", function(event) { // 允許輸入數字鍵和退格鍵 if (event.keyCode === 46 || event.keyCode === 8 || event.keyCode === 9 || event.keyCode === 27 || (event.keyCode === 65 && event.ctrlKey === true) || (event.keyCode >= 35 && event.keyCode<= 39)) { // 只需要允許特定鍵 return; } else { // 禁止輸入其他字符(例如字母或符號) if ((event.keyCode< 48 || event.keyCode >57) && (event.keyCode< 96 || event.keyCode >105)) { event.preventDefault(); } } }); });
以上代碼監聽了輸入框的鍵盤輸入事件,只允許輸入數字鍵和退格鍵。如果用戶嘗試輸入字母或其他符號,則會被阻止。
我們可以使用上述代碼來實現輸入框只允許輸入整數的功能。
希望這篇文章能夠幫助你實現你的網頁設計目標。