简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jQuery 监控键盘一段时间没输入

来源:易贤网   阅读:957 次  日期:2016-07-06 16:08:24

温馨提示:易贤网小编为您整理了“jQuery 监控键盘一段时间没输入”,方便广大网友查阅!

当一个文本框中,里面的内容1秒钟无变化,则表示用户1秒钟内无输入,说明用户是已经输入完成,再等待返回数据了。那么jQuery如何实现判断1秒内无输入呢,一起通过本文学习吧

监控一段时间没输入可用于简单的输入完成

上次实现了一个模拟输入完成则发送请求到后台获取数据的并显示到前台的问题,其中核心的判断标准是输入完成的定义。

即:用户怎么算输入完成。

我使用的标准是,当一个文本框中,里面的内容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。

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:使用jQuery UI库开发Web界面的简单入门指引
下一篇:基于jquery实现轮播特效
易贤网手机网站地址:jQuery 监控键盘一段时间没输入
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!