在編寫jQuery代碼時,常常需要針對用戶的輸入進行操作。其中,keyup事件可以幫助我們觸發特定的動作。
$(document).ready(function(){ $('#numberInput').keyup(function(){ var inputValue = $(this).val(); if(!$.isNumeric(inputValue)){ alert("請輸入數字"); $(this).val(""); return; } console.log(inputValue); }); });
以上代碼通過在文本框中輸入數字觸發keyup事件,從而調用相關代碼來獲取輸入的值。
其中,我們使用了$.isNumeric()函數來判斷輸入是否為數字。如果不是數字,則彈出提示框并將輸入框清空;如果是數字,則將輸入的值打印到控制臺中。
通過keyup事件的觸發,我們可以實現更多的功能,如實時搜索、動態驗證等,為用戶提供更好的體驗。
上一篇蜘蛛分析css