jQuery自動完成焦點再次隱藏後

Question

是否有人知道爲什麼點擊搜索字段外部並隱藏自動完成結果焦點會再次激活一次？請登錄http://layot.prestatrend.com/ 請在搜索字段'ipo'處輸入例如3個字母。謝謝你的回覆！

Answer 1

我想這只是插件的行爲，如果建議菜單可見，重新聚焦輸入。

當你點擊外（或使用Tab鍵無焦點的方式）輸入，觸發了 「模糊」 事件：

.blur(function() { 
    hasFocus = 0; 
    if (!config.mouseDownOnSelect) { 
     hideResults(); 
    } 
}) 

執行hideResults' executes another function hideResultsNow`這使得這一檢查：

var wasVisible = select.visible(); 
... 
if (wasVisible) 
    // position cursor at end of input field 
    $.Autocompleter.Selection(input, input.value.length, input.value.length); 

wasVisible因爲建議菜單已打開，所以這是真的。

的$.Autocompleter.Selection任務是設置文本選擇輸入和結束時，它着重輸入：

$.Autocompleter.Selection = function(field, start, end) { 
    if (field.createTextRange) { 
     ... 
    } else if (field.setSelectionRange) { 
     ... 
    } else { 
     ... 
    } 
    field.focus(); 
}; 

如果你輸入外再次點擊，該變量wasVisible是假的，因爲建議菜單不再打開，並且$.Autocompleter.Selection未被執行，因此輸入未被重新聚焦。

Answer 2

我發現的唯一方法：銷燬焦點事件上的自動完成以重新初始化它。

function defaultFocusAction(e, options) { 
    if($(e.currentTarget).val() == '') { 
    $(e.currentTarget).autocomplete('destroy'); 
    $(e.currentTarget).autocomplete(options); 
    } 
    $(e.currentTarget).trigger('keydown.autocomplete'); 
} 
var options = { 
    autoFocus : false, 
    delay : 0, 
    minLength: 0, 
    source: ['foo', 'bar'] 
}; 
$('input.autocomplete').autocomplete(options).focus(function(e) { 
    defaultFocusAction(e, options); 
});