我正在尝试动态检测文本区域是否为空。我这样做是为了仅当在文本区域中输入文本时才显示发送按钮。
我尝试了下面的代码,但它不起作用。
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";
}
最佳答案
您是否将该代码放入 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 将在在文本区域内按下每个键之后发生。
关于javascript - 动态检测文本区域是否为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32460928/