JavaScript处理input的keyup事件

定义和用法

完整的 key press 过程分为两个部分，按键被按下，然后按键被松开并复位。当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。keyup() 方法触发 keyup 事件，或规定当发生 keyup 事件时运行的函数。

注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。

一般情况是每点击一个按键都会触发一次keyup事件，但是有些时候，这样并不能满足要求，需要的是输入完毕之后才执行某函数。

这里只能采取延时执行的方法来处理这种情况，具体代码如下：

    <div id="key" style="border:1px solid red;min-height:60px;">      <input type="text" />      </div>  

    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();              });          });