我输入了一个段落位置绝对值到input元素。
我只想在输入值不为空时隐藏元素,在输入值为空时显示它。
这是我写的代码,但它不工作。我该怎么办?谢谢。
var x = document.getElementById("searchBtn").value;
document.getElementById("searchBtn").addEventListener("focus", myFunction3);
function myFunction3() {
if (x == "") {
document.querySelector(".mypara").style.visibility = "visible";
} else {
document.querySelector(".mypara").style.visibility = "hidden";
}
}
<input id="searchBtn">
<div class="mypara">mypara</div>
3条答案
按热度按时间v440hwme1#
你需要的是输入事件,而不是焦点。
并通过
e.target.value
得到值。46scxncf2#
只需将
focus
替换为keyup
,这样它就可以检测到您的输入。还可以将x
放入myFunction3
中以获得更新的值。zzlelutf3#
在事件侦听器中声明
x
,以便每次更新变量: