我试图在输入字段获得焦点时显示一个容器,而实际问题是,如果焦点丢失,则隐藏容器.jQuery的焦点是否有相反的事件?

一些示例代码:

<input type="text" value="" name="filter" id="filter"/>

<div id="options">some cool options</div>

<script type="text/javascript">
  $('#options').hide();

  $('#filter').focus(function() {
    $('#options').appear();
  });
</script>

我想做的是这样的:

$('#filter').focus_lost(function() {
  $('#options').hide();
});

推荐答案

当元素失go 焦点时,使用blur事件调用函数:

$('#filter').blur(function() {
  $('#options').hide();
});

Javascript相关问答推荐

Math.random超出了最大调用堆栈

响应式JS DataTable中的Bootstrap 5弹出程序无法正常工作

使用useParams路由失败

如何在JavaScript中在文本内容中添加新行

Cypress -使用commands.js将数据测试id串在一起失败,但在将它们串在一起时不使用命令有效

如何在Connect 4游戏中 for each 玩家使用位板寻找7形状?

使搜索栏更改语言

使用i18next在React中不重新加载翻译动态数据的问题

如何粗体匹配的字母时输入搜索框使用javascript?

用JavaScript复制C#CRC 32生成器

CheckBox作为Vue3中的一个组件

使用LocaleCompare()进行排序时,首先使用大写字母

用于编辑CSS样式的Java脚本

rxjs插入延迟数据

查询参数未在我的Next.js应用路由接口中定义

为什么JPG图像不能在VITE中导入以进行react ?

邮箱密码重置链接不适用于已部署的React应用程序

更新Redux存储中的对象数组

postman 预请求中的hmac/sha256内标识-从js示例转换

为什么我看到的是回复,而不是我的文档?