jQuery.autocomplete支持中文輸入(firefox)修正方法_jquery

原因分析：
Autocomplete插件對用戶輸入字符的觸發自動匹配是通過”keydown”事件進行的（可分析jquery.autocomplete.js第 92行），在IE6中，當輸入法打開時，輸入的字符是不會觸發”keydown”的，只有中文輸入完畢才觸發之，所以中文輸入和latin文沒有區別的；但在firefox3.0下，無論輸入法打開否，按鍵都會觸發”keydown”事件，所以造成中文輸入完畢，自動匹配的是剛才打出的部分中文拼音字母。------所以只有Firefox有問題。

解決方法：
網上查到的最多做法是修改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:support for inputing chinese characters in firefox
onChange(0, true);
});

插入后，代碼大概如下：

...
...
jQueryinput.unbind();
jQuery(input.form).unbind(".autocomplete");
}).bind("input", function() {
// @hack:support for inputing chinese characters in firefox
onChange(0, true);
});
...

2、支持多次回車選定：
修改91行：
// only opera doesn't trigger keydown multiple times while pressed, others don't work with keypress at all
$input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete", function(event) {
修改為：
// only opera mozilla doesn't trigger keydown multiple times while pressed, others don't work with keypress at all
$input.bind((($.browser.opera || $.browser.mozilla) ? "keypress" : "keydown") + ".autocomplete", function(event) {

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com