监控一段时间没输入可用于简单的输入完成
上次实现了一个模拟输入完成则发送请求到后台获取数据的并显示到前台的问题，其中核心的判断标准是输入完成的定义。
即：用户怎么算输入完成。
我使用的标准是，当一个文本框中，里面的内容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。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 25岁的心里话
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现