即时搜索或input实时检测输入变化
2016-04-15 本文已影响1015人
臭臭臭魁
在项目中有时候会用到即时搜索或要检测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(){
//做一些事情
})