jQuery.Autocomplete中文支持.pdf资源-CSDN文库

版权申诉

25 浏览量 2023-02-28 20:55:21 上传评论收藏 110KB PDF 举报

资源推荐

资源详情

资源评论

jQuery.Autocomplete 中文支持

JQuery 2010-11-25 13:35:10 阅读 178 评论 0 字号：大中小订阅

插件地址：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

插件下载地址：http://jquery.bassistance.de/autocomplete/jquery.autocomplete.zip

jQuery.Autocomplete 是 jquery 的流行插件，能够很好的实现输入框的自动完成(autocomplete)、建议提示

(input suggest)功能，支持 ajax 数据加载。

但唯一遗憾的是，在对中文输入法打开时，firefox3.0 中是对中文拼音的自动匹配，而对输入后的中文无法

及时触发匹配；而在我的 IE6.0 下，则无此问题。

原因分析：

Autocomplete 插件对用户输入字符的触发自动匹配是通过”keydown”事件进行的（可分析

jquery.autocomplete.js 第 92 行），在 IE6 中，当输入法打开时，输入的字符是不会触发”keydown”的，

只有中文输入完毕才触发之，所以中文输入和 latin 文没有区别的；但在 firefox3.0 下，无论输入法打开否，

按键都会触发”keydown”事件，所以造成中文输入完毕，自动匹配的是刚才打出的部分中文拼音字母。

修改前：

Js 代码

1. $input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete", fu

nction(event)

修改后：

Js 代码

1. $input.bind(($.browser.opera ? "keypress" : "keyup") + ".autocomplete", func

tion(event)

解决方法：

网上查到的最多做法是修改 jquery.autocomplete.js 第 92 行，将”keydown”替换为”keyup”，但这个不是根

本办法，虽然这样改后可在 firefox 中及时对输入的中文进行自动匹配，但将原插件中回车、tab 等重要的

事件机制破坏了，比如这样改后，如果你的 input 是在一个 form 里的话，回车从原来的将选定项输入到 input

中变为了直接提交 form 表单了，这并不是我们想要的。

我的方法原理是，补充一个原插件触发查询的事件，就是当 input 输入栏发生字符变化时，重新进行查询

（调用其内部的 onChange 函数），这里主要针对 firefox 而言，因为我们的系统访问最多的是 IE 和 firefox。

而恰好 firefox 有一个 input 变化的事件就是 oninput，那么我们只要在原 jquery.autocomplete.js 第 199 行，

插入如下代码：

Js 代码

1. .bind("input", function() {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

版权申诉

不吃鸳鸯锅

粉丝: 8292
资源: 2万+

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip