獲取jQuery自動完成輸入

Question

$(function() {
    $(window).scroll(doSomething);
    $(window).resize(doSomething);
});

function doSomething()
{
    var autocomplete = $(".ui-autocomplete:visible");
    // How can I get input DOM element of currently shown autocomplete there?
}

如果我超出自動完成聲明的范圍，如何獲取當前顯示的自動完成的輸入DOM元素？

Answer 1

我的解決方案：

var currentAutocompleteTextbox = null; //global variable

$(textbox).focus(function () { currentAutocompleteTextbox = textbox; });
$(textbox).autocomplete({ ... });

誰能提出更好的方法？

Answer 2

您的目標尚不清楚。 如果只想獲取最后一個交互的自動完成文本框，則最好的選擇是使用自動完成插件事件之一。 以下是使用focus事件的示例代碼。 回調函數將以相應的輸入文本框為上下文執行； 因此， this將指向該文本框。

$(".language").autocomplete({
        source: availableTags,
        focus: function(evt, ui){
            var txtbx = $(this).parent().prev().text();
            $('#result').html(txtbx + ' textbox last focused');
        }
    });

小提琴