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