javascript - 文本输入为空白时临时禁用 Keyup 事件

Question

我是 jquery 的初学者，但我已经尽力做到这一点，但不幸的是我错过了一些东西

如何在文本输入为空白时临时禁用 keyup 事件并在我输入内容后再次启用它？

我无法在按键中捕捉退格键，所以我使用了 keyup。这是我的代码

$('#searchBox').keyup(function(e){
if(e.keyCode != '18' && e.keyCode != '91' && e.keyCode != '17' && e.keyCode != '16' && e.keyCode != '20' && e.keyCode != '27' && e.keyCode != '113' && e.keyCode != '115' && e.keyCode != '118' && e.keyCode != '119' && e.keyCode != '120' && e.keyCode != '122' && e.keyCode != '123' && e.keyCode != '44' && e.keyCode != '19' && e.keyCode != '45' && e.keyCode != '46' && e.keyCode != '36' && e.keyCode != '33' && e.keyCode != '34' && e.keyCode != '35' && e.keyCode != '39' && e.keyCode != '37' && e.keyCode != '38' && e.keyCode != '9'){
    if(e.keyCode == '8' && $(this).val()==""){
        //what will i put here
    }else if(e.keyCode == '8' && $(this).val()!=""){
        refreshWookmark($(this).val());
    }else{
        refreshWookmark($(this).val());
    }
}
});

Answer 1

要禁用 keyup 功能或其他功能，试试这个

  if()
    {
    obj.keyup(function () {
    //code
    });
    }else{
    obj.unbind("keyup")
    }

Answer 2

您可以return在空白输入上：

$("#idOfElement").keyup(function() {
    if (!this.value == '') {
        //do stuff
    } else {
        return;
    }
});

Answer 3

而不是禁用它，只需检查输入是否存在并且keyCode您认为是有效的：

$('#searchBox').on('keyup',function(e){
    var bad = ['18','91','17','16','20','27','113','115','118','119','120','122','123','44','19','45','46','36','33','34','35','39','37','38','9'],
        isBad = false;

    for(var i=bad.length;i--;){
        if(e.keyCode == bad[i]){
            isBad = true;
            break;
        }
    }

    if(this.value.length > 0 && !isBad){
        refreshWookmark(this.value);
    }
});

这只会在输入存在并且keyCode正确时运行您想要的功能，我认为这就是您想要的。

此外，您可以在 99.9% 的情况下this.value使用$(this).val(). 这节省了包装this到 jQuery 对象中的开销，然后使用内部方法获取值（基本上是this.value）。

Answer 4

如果值为空，你不能直接跳出处理程序吗？

$(element).keyup(function(e) {
    if (this.value.trim() == '')
        return;

    // do stuff
});