`
hehailin1986_163.com
  • 浏览: 153750 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

[转载]jQuery.Autocomplete 中文支持

阅读更多
下载地址:http://jquery.bassistance.de/autocomplete/  
jQuery.Autocomplete是jquery的流行插件,能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能,支持ajax数据加载。

但唯一遗憾的是,在对中文输入法打开时,firefox3.0中是对中文拼音的自动匹配,而对输入后的中文无法及时触发匹配;而在我的IE6.0下,则无此问题。

原因分析:
Autocomplete插件对用户输入字符的触发自动匹配是通过”keydown”事件进行的(可分析jquery.autocomplete.js第92行),在IE6中,当输入法打开时,输入的字符是不会触发”keydown”的,只有中文输入完毕才触发之,所以中文输入和latin文没有区别的;但在firefox3.0下,无论输入法打开否,按键都会触发”keydown”事件,所以造成中文输入完毕,自动匹配的是刚才打出的部分中文拼音字母。

解决方法:
网上查到的最多做法是修改jquery.autocomplete.js第92行,将”keydown”替换为”keyup”,但这个不是根本办法,虽然这样改后可在firefox中及时对输入的中文进行自动匹配,但将原插件中回车、tab等重要的事件机制破坏了,比如这样改后,如果你的input是在一个form里的话,回车从原来的将选定项输入到input中变为了直接提交form表单了,这并不是我们想要的。

我的方法原理是,补充一个原插件触发查询的事件,就是当input输入栏发生字符变化时,重新进行查询(调用其内部的onChange函数),这里主要针对firefox而言,因为我们的系统访问最多的是IE和firefox。而恰好firefox有一个input变化的事件就是oninput,那么我们只要在原jquery.autocomplete.js第199行,插入如下代码:
.bind("input", function() { 
    // @hack by liqt:support for inputing  chinese characters  in firefox 
    onChange(0, true); 
}); 

分享到:
评论

相关推荐

    jquery.autocomplete.js资源压缩包下载

    2. **数据处理**:`jquery.autocomplete.js`支持多种数据源,包括静态数组、AJAX请求、远程API等。数据源的配置灵活多样,可以根据实际需求选择合适的加载方式。例如,你可以预定义一组关键词列表作为数据源,或者...

    jquery.autocomplete.js使用示例,可直接运行

    <script src="https://code.jquery.com/jquery-3.x.min.js"></script> <script src="jquery.autocomplete.js"> ``` - **设置HTML结构**:创建一个基本的HTML输入框,并为其添加ID以便后续JavaScript操作。 ```html ...

    jquery.autocomplete.zip

    《jQuery.autocomplete自动提示插件详解》 在Web开发中,提供用户友好的输入提示功能是一种常见的需求,例如搜索引擎的自动补全、电子商务网站的商品搜索等。jQuery库为我们提供了丰富的插件来实现这一功能,其中`...

    jquery.autocomplete.js&css.rar

    这个插件基于jQuery框架,意味着它能够很好地与其他jQuery插件和库协同工作,且兼容性广泛,支持各种现代浏览器。 在`jquery.autocomplete.js`中,主要的接口包括`$.fn.autocomplete`,这是一个链式方法,允许我们...

    jQuery.Autocomplete 中文支持.pdf

    《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据...

    自动补全-jquery.autocomplete.js

    《自动补全-jquery.autocomplete.js》 在Web开发中,自动补全功能是一种非常实用且常见的用户体验优化手段。它通常被应用于搜索框、表单输入等场景,能够帮助用户快速找到并选择他们想要的选项,提高输入效率。在...

    jquery.autocomplete.js

    此外,jQuery Autocomplete还支持异步加载数据,这在处理大量数据或远程数据源时非常有用。通过设置`source`参数为一个返回Promise或使用AJAX的函数,我们可以从服务器获取数据,从而实现动态的、延迟加载的自动填充...

    jQuery.Autocomplete 中文支持.docx

    《jQuery.Autocomplete 中文支持详解》 jQuery.Autocomplete 是一个广受欢迎的 jQuery 插件,它提供了输入框的自动完成和建议提示功能,极大地增强了用户体验。该插件允许通过 AJAX 方式动态加载数据,使得实时搜索...

    jquery.autocomplete.js 自动补全插件实例

    3. **配置项**:`jQuery.autocomplete.js`支持丰富的配置选项,比如`minLength`(触发自动补全的最少字符数)、`delay`(延迟多久后触发自动补全)、`sortFunction`(自定义排序函数)等。通过调整这些参数,可以...

    jquery.autocomplete 类包.rar

    这个类包“jquery.autocomplete.zip”包含了实现这一功能所需的两个核心文件:`jquery.autocomplete.css`和`jquery.autocomplete.min.js`,它们一起为开发者构建自动补全搜索框提供了强大的支持。 首先,我们来了解...

    jquery.autocomplete干净demo

    **jQuery Autocomplete 知识点详解** `jQuery Autocomplete` 是一个非常流行的 jQuery 插件,用于实现自动完成(或下拉建议)功能。在网页表单中,它能够为用户提供快速输入建议,提高用户体验。这个"jquery....

    jquery.autocomplete

    然而,要注意的是,旧版本的插件可能不支持最新的 jQuery 版本,因此在更新项目时,最好确保插件版本与 jQuery 版本相匹配。 总的来说,`jQuery Autocomplete` 是一个强大且灵活的工具,能够帮助开发者构建高效、...

    jquery.autocomplete 增加自定义查询方法

    `jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...

    jquery.autocomplete的js+css

    `jQuery.autocomplete` 是一个基于 jQuery 的插件,用于实现自动补全功能,它极大地简化了在网页上创建高效、动态的输入字段的过程。这个插件通常被用于搜索框,帮助用户快速找到他们想要的选项,提高用户体验。在这...

    jquery autocomplete下载.rar

    《jQuery Autocomplete 全面解析...总之,jQuery Autocomplete 插件通过其丰富的功能和灵活的配置,为网页应用的交互性提供了强大的支持。通过深入理解并合理运用这些知识点,我们可以创建出高效、友好的自动补全体验。

    jquery.autocomplete.min.js

    jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的

    利用Jquery.AutoComplete插件及微软提供的ChineseConverter.dll实现汉字、拼音、简拼模糊搜索

    本教程将详细介绍如何结合Jquery.AutoComplete插件和微软的ChineseConverter.dll库,实现在网页上进行汉字、拼音和简拼的模糊搜索功能。 首先,Jquery.AutoComplete是jQuery UI库中的一个组件,它能为输入框添加...

    Jquery Autocomplete 拼音首字母匹配

    1,本示例是基于微软拼音类库的jquery.autocomplete自动拼音首字母匹配搜索实现,解决了多音字匹配问题。 2,由于用了Linq查询,所以至少需要.NET Framework 3.5。 4,由于jquery匹配时的match项和result项来自不同...

Global site tag (gtag.js) - Google Analytics