jQuery.Autocomplete 中文支持.pdf

《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件，它为网页中的输入框提供了自动完成（autocomplete）和建议提示（input suggest）功能。这款插件通过 AJAX 方式动态加载数据，使得用户在输入过程中可以接收到实时的建议列表，极大地提高了交互体验。然而，对于中文输入的支持在某些浏览器中存在一些问题，特别是在 Firefox 3.0 版本中。 问题在于，jQuery.Autocomplete 插件依赖于“keydown”事件来检测用户输入并触发自动匹配。在 IE6 中，中文输入法打开时，输入的汉字会在输入完成后触发“keydown”事件，因此能正常工作。但在 Firefox 3.0 中，即使输入法开启，每个按键按下都会触发“keydown”事件，导致匹配的是用户输入的拼音而不是完整的汉字。 为了解决这个问题，一些开发者提出了修改插件源码的方法，即将“keydown”事件替换为“keyup”事件。这样的改动确实可以让 Firefox 对中文输入做出即时反应，但同时也破坏了原本的事件处理机制，如回车键的默认行为会从选择建议项变为提交表单。 更理想的解决方案是保留原始事件处理，同时增加对 Firefox 的中文输入支持。这可以通过监听“oninput”事件来实现，因为 Firefox 支持在输入字段内容改变时触发“oninput”事件。在 jQuery.Autocomplete 的源码中，可以在第 199 行附近插入如下代码： ```javascript .bind("unautocomplete", function() { select.unbind(); $input.unbind(); $(input.form).unbind(".autocomplete").bind("input", function() { // @hack by liqt:support for inputing chinese characters in firefox onChange(0, true); }); }); ``` 这样修改后，当 Firefox 中的输入字段内容发生变化时，会调用内部的 `onChange` 函数，从而实现在输入中文时也能正确触发自动匹配。这种方法既解决了中文输入延迟的问题，又保持了原有插件的行为不变，尤其是保留了回车键的预期功能。 jQuery.Autocomplete 虽然在中文输入方面存在一些浏览器兼容性问题，但通过针对性的代码调整和事件监听，我们可以很好地解决这些问题，使其在各种环境下都能提供良好的用户体验。在进行此类插件定制时，理解浏览器之间的差异和事件机制至关重要，以便实现跨浏览器的兼容性。