Javascript 如何检查用户是否清空了输入？

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

我试过这个

if（$（“#mobileNumberEntered”）.val（）.length==0）{
$（'.hiddenm'）.css（'display'，'none'）；
}
$（“#MobileEnumberEntered”）。在（'change keyup paste'，function（）上{
$（“.mobNumeric”）.html（$（“#mobileNumberEntered”）.val（）；
$（'.hiddenm'）.css（'display'，'inline block'）；
$（'.mobNumeric'）.css（'color'，'#212529'）；
});

---

这将使它再次显示：无，但它没有做任何事情。

因为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');
        }
    });

这不是一个事件

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

按Backspace时会发生什么？是一把钥匙，你可以得到长度0 你可以试着把它包括在这样的事件中

$("#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');
}
});

$（“#MobileEnumberEntered”）.on（'change keyup paste'，function（）{
if（$（“#mobileNumberEntered”）.val（）.length我认为您应该将最后三行放入

上的

处理程序中。同样，您应该包含事件
输入
，以便捕获该输入上的每个更改。只有在父函数（最有可能是文档加载）时才会触发if正在发生。请将它放在.on中，每次输入更改时都会再次检查它。请将最后三行放在事件句柄中乐于提供帮助：）