国产探花免费观看_亚洲丰满少妇自慰呻吟_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。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 青冈县| 乾安县| 乌拉特后旗| 灵武市| 华坪县| 阳朔县| 沙洋县| 谢通门县| 哈尔滨市| 旌德县| 庐江县| 舞钢市| 庆阳市| 汾西县| 玉屏| 开阳县| 浮梁县| 福海县| 潍坊市| 基隆市| 吴川市| 大安市| 临海市| 信宜市| 阳春市| 岚皋县| 合阳县| 甘孜| 岢岚县| 滨州市| 两当县| 共和县| 乌苏市| 融水| 宣化县| 安丘市| 苗栗县| 玛沁县| 蒲城县| 泸溪县| 慈利县|