即时搜索或input实时检测输入变化

在项目中有时候会用到即时搜索或要检测input输入的实时变化,然后做出相应的动作,这是我们要用到input事件和ie专属的propertychange事件

(1)change事件    饿。。。。。   触发事件必须满足两个条件:    
    a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)
    b)当前对象失去焦点(onblur)
(2)keypress  恩,还好。。。。。就是能监听键盘事件,鼠标复制黏贴操作他就无能为力的赶脚了。。。。。
(3)propertychange(ie)和input事件
    input是标准的浏览器事件,一般应用于input元素,当input的value发生变化就会发生,无论是键盘输入还是鼠标
    黏贴的改变都能及时监听到变化
    propertychange,只要当前对象属性发生改变。(IE专属的)
    感觉找到了真爱。。。。。但是
    ======
    oninput 和 onpropertychange 这两个事件在 IE9 中都有个小BUG,
    那就是通过右键菜单菜单中的 剪切 和 删除 命令删除内容的时候不会触发,
    而 IE 其他版本都是正常的,目前还没有很好的解决方案。

$(".textare").bind('input propertychange',function(){
    //做一些事情
})

你可能感兴趣的:(即时搜索或input实时检测输入变化)