|
|
原因分析：
Autocomplete插件對用戶輸入字符的觸發(fā)自動匹配是通過”keydown”事件進(jìn)行的（可分析jquery.autocomplete.js第 92行），在IE6中，當(dāng)輸入法打開時，輸入的字符是不會觸發(fā)”keydown”的，只有中文輸入完畢才觸發(fā)之，所以中文輸入和latin文沒有區(qū)別的；但在firefox3.0下，無論輸入法打開否，按鍵都會觸發(fā)”keydown”事件，所以造成中文輸入完畢，自動匹配的是剛才打出的部分中文拼音字母。 ------所以只有Firefox有問題。
解決方法：
網(wǎng)上查到的最多做法是修改jquery.autocomplete.js第92行，將”keydown”替換為”keyup”，但這個不是根本辦法，雖然這樣改后可在firefox中及時對輸入的中文進(jìn)行自動匹配，但將原插件中回車、tab等重要的事件機(jī)制破壞了，比如這樣改后，如果你的input是在一個form里的話，回車從原來的將選定項輸入到input中變?yōu)榱酥苯犹峤籪orm表單了，這并不是我們想要的。
我的方法原理是，補(bǔ)充一個原插件觸發(fā)查詢的事件，就是當(dāng)input輸入欄發(fā)生字符變化時，重新進(jìn)行查詢（調(diào)用其內(nèi)部的onChange函數(shù)），這里主要針對firefox而言，因為我們的系統(tǒng)訪問最多的是IE和firefox。而恰好firefox有一個input變化的事件就是oninput，那么我們只要在原jquery.autocomplete.js第199行，插入如下代碼：
復(fù)制代碼 代碼如下:
.bind("input", function() {
// @hack:support for inputing chinese characters in firefox
onChange(0, true);
});
插入后，代碼大概如下：
復(fù)制代碼 代碼如下:
...
...
jQueryinput.unbind();
jQuery(input.form).unbind(".autocomplete");
}).bind("input", function() {
// @hack:support for inputing chinese characters in firefox
onChange(0, true);
});
...
JavaScript技術(shù)：修改jQuery.Autocomplete插件 支持中文輸入法 避免TAB、ENTER鍵失效、導(dǎo)致表單提交，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
