定义和用法
完整的 key press 过程分为两个部分,按键被按下,然后按键被松开并复位。当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。
注释:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。
一般情况是每点击一个按键都会触发一次keyup事件,但是有些时候,这样并不能满足要求,需要的是输入完毕之后才执行某函数。
这里只能采取延时执行的方法来处理这种情况,具体代码如下:
HTML:
<div id="key" style="border:1px solid red;min-height:60px;">
<input type="text" />
</div>
JS:
<script type="text/javascript">
var flag; //全局变量用于标识是否延时执行keyup事件
function myFunc1(){
//不管存不存在flag这个延时执行函数,先清除
clearTimeout(flag);
//延时500ms执行请求事件,如果感觉时间长了,就用合适的时间
//只要有输入则不执行keyup事件
flag = setTimeout(function(){
//这里面就是调用的请求,我这里用一个函数来测试
$("#key").append("<p>执行Func2()之前</p>");
myFunc2();
}, 500);
}
function myFunc2(){
$("#key").append("<p>执行一次</p>");
}
$(function(){
$("#key input").keyup(function(){
myFunc1();
});
});
</script>
转自:http://blog.sina.com.cn/s/blog_6aaf309f01013o4t.html