javascript keyup时间延迟触发

定义和用法

完整的 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