javascript - 如何检查用户是否已清空输入？

Question

我正在尝试使用 jquery 的 on() 函数来查看用户正在键入的内容。如果用户键入内容，我将使我的 div“.hiddenm”可见(它最初显示:无；)。当用户开始输入时，它会得到“inline-block”，这是完美的。我不喜欢的是当用户清空该输入区域时它仍然可见(inline-block)，这是不应该的。我写了这段代码。

我试过了

if($("#mobileNumberEntered").val().length == 0){
    $('.hiddenm').css('display', 'none');
}

$("#mobileNumberEntered").on('change keyup paste' , function(){
    $(".mobNumeric").html($("#mobileNumberEntered").val());
    $('.hiddenm').css('display', 'inline-block');
    $('.mobNumeric').css('color', '#212529');
});

这应该会再次显示 : none 但它什么也没做。

Answer 1

因为您的 if 语句在您的函数之外。将其放入函数中，它将起作用:

$("#mobileNumberEntered").on('change keyup paste' , function(){
       if($("#mobileNumberEntered").val().length == 0){
               $('.hiddenm').css('display', 'none');
        }
       else {
         $(".mobNumeric").html($("#mobileNumberEntered").val());
         $('.hiddenm').css('display', 'inline-block');
        }
    });