Question

keyup事件，延时

需求是这样的：比如当我在一个文本框输入一个数字的时候，马上用keyup事件ajax发送数据，传回数据，显示在某处。现在问题是如此：当我输入12的时候，触发了两次keyup事件，导致向服务端发送了两次ajax数据，第一次是参数是1，第二次参数是12，我想要的结果是：输入完12才发送ajax请求。就要keyup事件，因为我是要实时显示数据的。我解决的思路是：键盘输入1的时候，0.5秒之后，我再发送ajax数据，比如用户输入了1，然后又在0.5秒之内输入了2，这时候，服务器获取到的参数就是12，而不是1，和12，这样减轻了服务器的负担。据我所知，搜索提示是这样搞的。问题是：怎么用代码实现出来？我是用jquery写的。部分代码如下（有些省略了）：$('.cart_input').bind('keyup', function() {//绑定事件
$.post(url,null,function (msg) {//发送ajax请求
});

Answer 1

<input type="text" id="number" value=""> <script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
var t = '';
$("#number").keyup(function (){
clearTimeout(t);
t = setTimeout("send_data()",2000);
});function send_data(){
alert("该函数贼 2 秒后执行！");
}
-->
</script>看看是不是你想要的结果。

Answer 2

$('.cart_input').bind('keyup', function() {//绑定事件
setTimeout(he,2000);
});
var he = function() {
alert("aa")
}

Answer 3

看你说的那种了，效果都明显。西式的是喷上去就有反应了，中式的是在喷上后30分钟才有反应，他们区别在于成分不同西式的是以酒精等化学成分为主对身体有害，中式的成分是纯中药成分，故反应时间长，但是对人体无害无副作用且不会有依赖性。