javascript - 仅在输入完成时关闭/隐藏 div,没有提交按钮

标签 javascript html

如何关闭/隐藏一个div ONLY

after the input fields have been filled out.

我想使用 JavaScript 来完成 hide/close 而无需提交按钮。(我不知道如何)所以一旦输入字段在那里完成在 div 隐藏/关闭之前有几秒钟的延迟。

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

最佳答案

$("#txtbx").keyup(function(){

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

});
<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>

希望!!!有帮助!!

关于javascript - 仅在输入完成时关闭/隐藏 div,没有提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44253714/

相关文章:

html - 页面上的多个选项卡 - HTML CSS

html - 媒体查询最大宽度 320px 问题

javascript - JS/d3js,调用 CSV;有些数字给出 NaN 错误,有些则没有……修复?

javascript - 使用 chrome.tabs.executeScript 选中一个框,不起作用

javascript - 查找动态生成的参数值,使用http post方法发送登录

javascript - 为什么使用重复的嵌套键更新 Redux 存储?

javascript - 上下文菜单删除表内的foo

html - 在堆叠 div 之前在 div 中换行

html 元素的包装函数中的 Javascript 事件

javascript - 尝试定位无序列表中的特定数字 LI 项目并附加 html