javascript - 除非单击特定元素，否则触发模糊事件

Question

我有三个搜索类别(见第一张图片)。用户选择一个，然后我在类别的空间 中显示与该主题相对应的搜索输入(参见第二张图片)。我使用 jQuery 自动关注输入，因此用户可以轻松开始输入。如果用户改变主意并模糊了输入，我会隐藏它并再次显示这三个类别。

如果用户点击回车进行搜索，这一切都很好，但我也想让他们能够点击搜索输入字段旁边的开始按钮。问题是，如果他们尝试单击“开始”按钮，输入将被模糊然后隐藏，并且永远不会触发提交点击(我无法在单击此元素时取消绑定(bind)模糊事件，因为它永远不会被触发 - 首先触发模糊)

那么有什么方法可以执行绑定(bind)到模糊事件的函数(隐藏 div)除非使用 jQuery 或 JavaScript 单击这个“go”元素？

Answer 1

您有多种选择:

1. 只有当焦点移到容器外的某处时，您才能在模糊时隐藏输入，因此如果焦点移到“开始”按钮，您根本不会隐藏输入。

2. 您可以设计代码并将搜索问题触发为 ajax 调用而不是表单提交。

3. 您可以在简短的 setTimeout() 之后隐藏模糊输入，这使表单提交有机会在隐藏之前发送。