javascript - 输入更改时按钮自动启用/禁用

Question

我想根据一次输入禁用/启用一个按钮。很简单，如果输入是“”，禁用按钮，否则，启用它。

 $('#searchBarTextbox').on('change', function () {
             if ($('#searchBarTextbox').val() !== "") {
            $('#btnSearchOk').prop('disabled', false);
        } else {
            $('#btnSearchOk').prop('disabled', true);
            }
});

这工作正常，但它仅在用户单击文本框外部后才启用/禁用按钮。当用户在文本框中书写而不让他们移到外面时，是否可以禁用/启用按钮。我可以绑定(bind) keyup 事件吗？

Answer 1

尝试使用 input 事件来执行此操作，

$('#searchBarTextbox').on('input', function () {
 $('#btnSearchOk').prop('disabled', $.trim($('#searchBarTextbox').val()) === "");
});