jQuery插件 Autocomplete 不支持多中文的解决办法
2014-09-24 11:29
459 查看
web前端开发中,涉及到选择的时候,Autocomplete是一个相当常用的插件,但是此插件在涉及到中文的时候却有一些bug.
当每次输入一个中文字的时候,这个插件工作的很好,当一次输入多个中文字的时候,就不能产生过滤作用。
这个问题在手机移动端显示的尤为明显。即使使用 Autocomplete 的mobile版本这个问题一样存在。
查看源码,分析原因在于,过滤触发的事件是 根据event.keyCode 来判断的。但是由于中文输入的特殊性,尤其在手机上,先拼音,然后选择汉字,
这个汉字,选择汉字的动作是触发不了 键盘事件,更没有 event.keyCode。
问题由此产生。
修改源码,加入对input事件的监听,此事件在chrome系浏览器和 移动端支持极好,他可以实时监听输入框的内容变化,而不用等到失去焦点,这点和onchange事件不一样。
修改如下
大概就是 156行 绑定input事件
.
修改后,问题解决。
当每次输入一个中文字的时候,这个插件工作的很好,当一次输入多个中文字的时候,就不能产生过滤作用。
这个问题在手机移动端显示的尤为明显。即使使用 Autocomplete 的mobile版本这个问题一样存在。
查看源码,分析原因在于,过滤触发的事件是 根据event.keyCode 来判断的。但是由于中文输入的特殊性,尤其在手机上,先拼音,然后选择汉字,
这个汉字,选择汉字的动作是触发不了 键盘事件,更没有 event.keyCode。
问题由此产生。
修改源码,加入对input事件的监听,此事件在chrome系浏览器和 移动端支持极好,他可以实时监听输入框的内容变化,而不用等到失去焦点,这点和onchange事件不一样。
修改如下
大概就是 156行 绑定input事件
.
bind("input",function(){ onChange(0, true); })
修改后,问题解决。
相关文章推荐
- Wordpress 相册插件 NextGEN-Gallery 添加目录中文支持解决办法(转为拼音)
- jquery autocomplete 自动完成插件常见错误-火狐不支持中文、查询数据存在缓存等
- jQuery插件中文乱码解决办法
- jquery autocomplete 中文乱码解决办法
- JqueryQrcode生成二维码不支持中文的解决办法
- 修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
- 修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
- wow插件elvui聊天模块不支持中文解决办法
- 使用 jquery-autocomplete插件 完成文本框输入自动填充联想效果 解决兼容IE输入中文问题
- jquery解决浏览器缓存和中文处理及通用AJAX页面参数相同时只返回缓存的内容的解决办法
- jQuery autoComplete 自动完成 支持中文
- Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
- asp,jquery,ajax中文乱码解决办法
- ASP.NET jquery.uploadify上传控件中文乱码解决办法
- asp,jquery,ajax中文乱码解决办法
- jQuery.autocomplete 支持中文输入(firefox)修正方法
- XAMPP自带的CD集演示程序不支持生成中文PDF的解决办法
- fstream默认不支持中文路径和输出整数带逗号的解决办法
- asp,jquery,ajax中文乱码解决办法
- apache2不支持中文路径的解决办法