Question

如何仅关闭/隐藏div

输入字段填写完毕后
。

我想使用JavaScript完成hide/close没有提交按钮。（我不知道怎么做）所以一旦输入字段完成，在div之前有几秒延迟隐藏/关闭。

<div id="hide">
<label> Type your name </label>
<input type="text" name="personal"/>
</div>

Answer 1

＆＃13;

$("#txtbx").keyup(function(){

setTimeout(function ()
{
$("#hide").hide();
},3000);

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="hide">
<label> Type your name </label>
<input type="text" name="personal" id="txtbx"/>
</div>

＆＃13;

希望!!!它有帮助!!

Answer 2

它会帮助你！试试这个!!!

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="hide">
<label> Type your name </label>
<input type="text" name="personal" id="txtbx"/>
</div>

＆＃13;

{{1}}

＆＃13;

Answer 3

我认为这就是你想要的。你可以尝试here

<div id="hide">
  <label> Type your name </label>
  <input type="text" name="personal" onblur="myFunction()" />
</div>

<script>
  function myFunction() {
    setTimeout(hidemydiv, 1000); //executes the function hidemydiv in 1000 miliseconds
  }

  function hidemydiv() {
    document.getElementById("hide").style.display = 'none';
  }
</script>

Answer 4

您可以使用setTimeout（）来解决问题。

var myVar;
var textChange = function(e) {
  clearTimeout(myVar);
  myVar = setTimeout(function(){ alert("Hello") }, 1000);
}

<div id="hide">
<label> Type your name </label>
<input type="text" name="personal" onchange="textChange()"/>
</div>

希望这就是你要找的东西

Answer 5

您可以在输入框中使用“.focusout（）”来显示/隐藏div。

仅在输入完成时关闭/隐藏div，而不提交提交按钮

5 个答案: