您好,登錄后才能下訂單哦!
這篇文章主要介紹“jQuery怎么實現判斷1秒內無輸入”,在日常操作中,相信很多人在jQuery怎么實現判斷1秒內無輸入問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”jQuery怎么實現判斷1秒內無輸入”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
監控一段時間沒輸入可用于簡單的輸入完成
<!DOCTYPE html> <html> <head> <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script> <script> var lastTime; $(function(){ $('#text1').keyup(function (e) { lastTime = e.timeStamp; setTimeout(function () { if (lastTime - e.timeStamp == 0) { alert("1秒內沒再輸入,可以發送查詢"); } }, 1000); }); }) </script> </head> <body> <input id="text1" type="text" value="" /> </body> </html>
原理
就是這樣一段精簡的代碼。其原理可簡述如下:
用戶每一次按下鍵盤,都記錄當前的時間,然后再1秒后再判斷一下時間。
lastTime由于是全局變量,所以當用戶在輸入的時候,lastTime是一直在變化的,所以一秒后再用lastTime-e.timeStamp,只有最后按下的e.timeStamp那一次才會為0。
到此,關于“jQuery怎么實現判斷1秒內無輸入”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。