Javascript 开始键入输入时显示警报

我试图让某些事情发生，只有当用户将数据输入到已创建的输入元素中时。但是，我不想验证数据是否已输入，也不想让用户按下按钮检查数据是否已输入，我希望在输入字段中键入第一个数据值后立即发生一些事情。我决定只使用我想要创建的类似东西的演示，以消除混乱：

我试过：

---

var input=document.getElementById（“输入”）；
如果（输入==“”）{
警报（“无值”）；
}否则{
input.style.background=“蓝色”；
}

---

您检查的是实际元素，而不是它的值。而且，您没有为元素设置任何事件侦听器。但是，在输入值后检查无值并没有多大逻辑意义

//将数据输入元素时，触发回调函数
document.getElementById（“输入”）.addEventListener（“输入”，函数（）{
//检查元素的值
如果（input.value==“”）{
警报（“无值”）；
}否则{
input.style.background=“蓝色”；
}
});
试试这个，

jQuery

$('#input').keyup(()=>{
  if($('#input').val() == ""){
    alert("no value");
  } else{
    $('#input').css({backgroundColor: 'your-color'});
  }
});


函数handleCurrentInput（事件）{
常量值=event.target.value；
如果（！值）{
警报（“无值”）；
}否则{
警报（“输入的值-->”，值）；
}
}
您好，您可以试试这个

    <input type="text" id="input" onkeyup="inputfun()">
    <script type="text/javascript">
        function inputfun(){
            var input = document.getElementById("input");

            if(input.value == ""){
            input.style.background = "";
            alert("no value");
            }else{
            input.style.background = "blue";
            }
        }
    </script>


函数inputfun（）{
var输入=document.getElementById（“输入”）；
如果（input.value==“”）{
input.style.background=“”；
警报（“无值”）；
}否则{
input.style.background=“蓝色”；
}
}
input
在您的示例中，是整个DOM元素，而不是值。使用
input.value
获取该值，然后比较该值的长度。除此之外，您还需要在输入时触发此命令，将更改或keyup事件侦听器附加到您的输入元素：
var input=document.getElementById（“输入”）；addEventListener（“input”，函数（e）{在这里用this.value做点什么}）
@mplungjan不，不是。这不是我解释OP所要求的。@mplungjan但是我不想验证数据是否输入了Backspace或cutalert@mplungjan可以是。第五次阅读时，他似乎想区分字段是否有数据。