javascript - 如何在事件发生后重写 jQuery 函数？

Question

所以我有一个带有搜索框、复选标记和加载微调器的页面。当用户聚焦于搜索框时，微调器会淡入。用户不再聚焦于搜索框时，微调器会淡出。我有一个功能可以在用户在搜索框中按 Enter 键后切换复选标记，但是，我希望复选标记永远保持可见。截至目前，当用户按下 Enter 键时，它会切换复选标记并很快淡出，因为会自动调用 unfocus 函数。

切换复选标记功能:

$('#searchText').on('keypress', function (e) {
    if (e.which === 13) {
        var val = $('#searchText').val();
        $('.circle-loader').toggleClass('load-complete');
        $('.checkmark').toggle();

        alert(val);
        return false;
    }
});

淡入淡出功能:

$(function () {
    $('#searchText').focusin(function () {
        $('#check').fadeIn();

    }).focusout(function () {
        $('#check').fadeOut();
    });
});

如何覆盖淡入和淡出功能(或者重写此功能)以在用户在搜索框中按 Enter 时停止？

提前致谢。

Answer 1

使用 jQuery .stop 方法。当对元素调用 .stop() 时，当前正在运行的动画(如果有)将立即停止。例如，如果在调用 .stop() 时使用 .slideUp() 隐藏某个元素，则该元素现在仍将显示，但将是一个分数其先前的高度。不调用回调函数。

https://api.jquery.com/stop/