javascript - 动态检测文本区域是否为空

Question

我正在尝试动态检测文本区域是否为空。我这样做是为了仅当在文本区域中输入文本时才显示发送按钮。

我尝试了下面的代码，但它不起作用。

var text = document.getElementById("text").value;

if (text !== ''){
    alert("works");
    document.getElementById("sendicon1").style.display = "none";         
    document.getElementById("sendicon2").style.display = "inline";         
}
else{
    alert("not working");
    document.getElementById("sendicon2").style.display = "none";         
    document.getElementById("sendicon1").style.display = "inline";
}

Answer 1

您是否将该代码放入 onkeyup 或 onchange 函数中？你可以这样做:

window.onload = function() { 
  var text = document.getElementById("text");
  var func = function() { 
    if (text.value !== '') {
      alert("works");
      document.getElementById("sendicon1").style.display = "none";         
      document.getElementById("sendicon2").style.display = "inline";         
    } else {
      alert("not working");
      document.getElementById("sendicon2").style.display = "none";         
      document.getElementById("sendicon1").style.display = "inline";       
    }
  }
  text.onkeyup = func;
  text.onchange = func;
}

您不需要同时使用 onkeyup 和 onchange，这取决于您何时寻找它来触发。 onchange 将在您将焦点移开(模糊)之后发生，而 onkeyup 将在在文本区域内按下每个键之后发生。