在做项目时候需要实现keyup事件,但是总觉得这个事件可能有问题,于是上网搜了一下,找到这样一边文章,现摘抄下来,用的是方法2,完美实现效果
搜索框依据用户输入的值实时检索,一开始自然而然想到keyup,在拼音状态时,啥问题也没有,
问题1:切换到中文输入法,问题出来了,keyup事件不灵便了,后来在网上搜了下,找到了思路,
问题2:微信公众平台开发时,客户提需求“输入框中输入内容时,输入框后边显示清除按钮,清除输入框中的内容”,使用“keyup”事件时在中文输入法下部分按键keyup事件无效,
方法一:主要是给搜索框注册focus事件,隔个时间去检索下,贴出代码
方法二:用 input 和 propertychange事件可以解决,
本人测试只能用dom2的绑定方法使用 如 document.getElementById('box').addEventListener('input',function(){...dosomething...},false)
可是也有人说用jq方式绑定即可 如:使用oninput以及onpropertychange事件检测文本框内容:
$('#input').bind('input propertychange', function() { alert("....") });或者原生:
最后需要注意的是: oninput 和 onpropertychange 这两个事件在 IE9 中都有个小BUG,那就是通过右键菜单菜单中的剪切和删除命令删除内容的时候不会触发,而 IE 其他版本都是正常的,目前还没有很好的解决方案。不过 oninput & onpropertychange 仍然是监听输入框值变化的最佳方案..