国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery 監控鍵盤一段時間沒輸入

2019-11-20 10:13:50
字體:
來源:轉載
供稿:網友

監控一段時間沒輸入可用于簡單的輸入完成

上次實現了一個模擬輸入完成則發送請求到后臺獲取數據的并顯示到前臺的問題,其中核心的判斷標準是輸入完成的定義。

即:用戶怎么算輸入完成。

我使用的標準是,當一個文本框中,里面的內容1秒鐘無變化,則表示用戶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。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 翁源县| 嘉禾县| 玉环县| 塘沽区| 都兰县| 彰化县| 民县| 家居| 社旗县| 奉节县| 密山市| 桦南县| 昌江| 望奎县| 瓦房店市| 祁门县| 湖北省| 新乡市| 罗定市| 泰州市| 黄骅市| 体育| 扶绥县| 闽清县| 达州市| 确山县| 枣阳市| 独山县| 灌云县| 张家界市| 建湖县| 平乡县| 贵溪市| 新蔡县| 禹城市| 兴国县| 湄潭县| 泸定县| 乌海市| 眉山市| 新绛县|