javascript - Jquery 关于模糊和输入冲突

Question

我创建了一个小型 AutoComplete 对象，并将结果列为 li 元素列表。我有一个 this.on('input', function () {}); 事件，当您在列表中选择一个项目时进行处理并且工作正常。现在我想添加一个 blur 事件来隐藏结果。添加 blur 事件会使 input 事件停止工作。

$.fn.autoComplete = function () {

    this.on('input', function () {
        AutoComplete(self.val());
    });

    this.on('blur', function () {
        $('#' + settings.resultsDivId).hide();
    });

    function AutoComplete(term) {
        // ajax call
    });
};

Answer 1

这在以下 JSFiddle 中有效 - 看起来您在 AutoComplete 函数之后出现错误(以“);”结尾):https://jsfiddle.net/ek5v59t6/

$(function() {
     $('input').autoComplete();
});

$.fn.autoComplete = function () {
     this.on('input', function () {
        console.log('input fired');
        AutoComplete($(this).val());
    });

this.on('blur', function () {
        console.log('blur fired');
    $('#results').hide();
});

function AutoComplete(term) {
    $('#results').show();
}
};