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约200行处的.bind("unautocomplete", function()后面再跟一个,插入如下代码:
.bind("input", function() {
// @hack by liqt:support for inputing chinese characters in firefox
onChange(0, true);
});
分享到:
相关推荐
《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据...
《jQuery.Autocomplete 中文支持详解》 jQuery.Autocomplete 是一个广受欢迎的 jQuery 插件,它提供了输入框的自动完成和建议提示功能,极大地增强了用户体验。该插件允许通过 AJAX 方式动态加载数据,使得实时搜索...
本教程将详细介绍如何结合Jquery.AutoComplete插件和微软的ChineseConverter.dll库,实现在网页上进行汉字、拼音和简拼的模糊搜索功能。 首先,Jquery.AutoComplete是jQuery UI库中的一个组件,它能为输入框添加...
总之,通过自定义`jquery.autocomplete`的查询源函数,我们可以实现更复杂、更个性化的查询策略,比如支持拼音首字母查询和多关键字查询,从而提高用户体验。结合提供的CSS和HTML文件,我们可以构建出美观且功能强大...
用java实现autocomplete搜索功能,可以获取除输入框的其它动态参数,后台字符串拼接,返回json数据,格式如下: { query:'Li', suggestions:['Liberia', 'Libyan Arab Jamahiriya', 'Liechtenstein', 'Lithuania'...
代码如下:jQuery.autocomplete = function(input, options) { // Create a link to self var me = this; // Create jQuery object for input element var $input = $(input).attr(“autocomplete”, “off”); // ...
jQuery库中的autocomplete.js插件正是为实现这一功能而设计的,尤其针对中文输入进行了优化,支持中间字查询,极大地提升了用户搜索和输入的效率。 ### jQuery autocomplete.js 插件基础 jQuery autocomplete.js ...
在讨论如何修正jQuery.autocomplete插件以支持中文输入时,我们首先需要了解该插件的基本功能以及在不同浏览器中可能遇到的问题。jQuery.autocomplete插件是jQuery库中的一个流行组件,它被广泛应用于创建自动完成...
基于.net和Jquery.autocomplete插件 做的智能匹配下拉框,可选择可输入,采用json数据格式,支持汉字、拼音和拼音首字母进行智能匹配。 使用说明: 1、如果想不做任何修改直接看效果,请在本地创建一张名为tb_Manage...
1. **中文匹配**:确保你的数据源支持中文字符,同时在设置 `source` 时处理好中文编码问题。 2. **性能优化**:对于大量数据,考虑使用异步加载或缓存策略,以避免性能瓶颈。 3. **自定义样式**:可以通过 CSS 调整...
尽管jQuery.Autocomplete插件能很好地支持英文等拉丁语系字符的自动匹配,但是在中文输入法环境下存在一些问题。特别是在Firefox 3.0版本中,当使用中文输入法时,插件会优先匹配用户输入的拼音字母,而不是输入...
《jQuery Autocomplete 实现中文自动补全功能详解》 在Web开发中,用户输入的便捷性和效率至关重要。jQuery Autocomplete插件为此提供了一个强大的解决方案,它允许开发人员为输入框添加实时的下拉建议功能,极大地...
本篇文章将深入探讨一个基于jQuery的Autocomplete插件,它支持GB2312和UTF-8编码,对于中文环境有着良好的适应性。 jQuery Autocomplete插件是jQuery UI库中的一个重要组件,它为文本输入框提供了自动完成的功能。...
《修复jQuery Autocomplete在Firefox中不支持中文的BUG详解》 在前端开发中,jQuery Autocomplete是一款非常实用的插件,它能为输入框提供自动补全功能,极大地提升了用户体验。然而,在某些情况下,尤其是在Fire...
jQuery Autocomplete默认支持上下键移动,用户可以通过上/下箭头键选择提示列表中的项目。如果需要自定义行为,可以通过监听`keydown`事件进行扩展。 ```javascript $("#searchInput").on('keydown', function...
《jQuery Autocomplete插件在中文环境下的应用与实践》 jQuery Autocomplete插件是一款非常实用的前端工具,它为用户提供了搜索自动提示的功能,极大地提高了交互体验。在本篇文章中,我们将深入探讨如何利用该插件...
**解决中文显示问题** 是jQuery Autocomplete的一个关键特性。由于JavaScript默认编码问题,中文字符在某些情况下可能无法正确显示。本压缩包中的源代码已经解决了这个问题,确保在自动提示列表中,中文可以正确无误...