Javascript Jquery在元素外部单击以隐藏其他元素

哈伊。我有个问题。如何在外部单击时隐藏此按钮。当我点击时按钮会显示出来，但我不知道当我们在屏幕外点击时如何隐藏按钮。有什么想法吗

HTML

---

最有可能的是，你想要的东西可以通过聚焦和模糊事件来实现

您需要一个超时时间才能允许按钮仍被单击，因为单击按钮将导致输入模糊。

UseremoveClass

$document.on'click'，functionevent{ 如果event.target.id！='submitButton'&&event.target.id！==搜索{ $.search\u btn.removeclassearch\u on； } } $input[type='search']。打开{ 单击：函数{ $.search\u btn.addClasssearch\u on； } }; $submitButton.clickfunction{ console.log$search.val } .search\u btn{ 显示：无 } .搜索{ 显示：内联块； } 搜索您正在查找模糊事件。 当你点击输入时，它接收焦点，当你通过点击、键盘交互等方式离开时，它失去焦点并触发模糊。因此：

使用焦点事件而不是单击第1行也可能是一个好主意，这样用户也可以通过选项卡进入该字段并使其正常工作：

$("input[type='search']").focus(function() {
  $(".search_btn").addClass("search_on");
})

$("input[type='search']").blur(function () {
  $(".search_btn").removeClass("search_on");
});

另见：

---

使用事件焦点和模糊：

$("input[type='search']").focus(function() {
  $(".search_btn").addClass("search_on");
})

$("input[type='search']").blur(function () {
  $(".search_btn").removeClass("search_on");
});

可以使用焦点和模糊事件。当控件位于文本框内时，将调用焦点事件。当控件离开文本框时，将调用模糊事件

$document.readyfunction{ $input[type='search'].focusfunction{ $button[type='submit'].search\u btn.addClasssearch\u on； } $input[type='search'].函数{ $button[type='submit'].search\u btn.removeclassearch\u on； }; }; .search_在{背景色：黄色；}

---

Searchdiv.input[type='search']等于未捕获错误：语法错误，无法识别的表达式：“div.input[type='search']”对不起，我错了。等一下。谢谢兄弟。这就是我需要的，对不起，兄弟。但是按钮不可点击。如何使其可点击50是多少？50秒、50秒还是其他？@BariqDharmawan 50秒。如果您愿意，您可以更改它。@BariqDharmawan不，它不起作用，因为它使按钮无法锁定。噢，对不起。我才意识到it@A.Wolff抱歉，我错了。我已经编辑了答案。谢谢兄弟。我喜欢！

$("input[type='search']").focus(function() {
  $(".search_btn").addClass("search_on");
});
$("input[type='search']").blur(function() {
  setTimeout(function () {
    $(".search_btn").removeClass("search_on");
  }, 50);
});

$("input[type='search']").blur(function () {
    $(".search_btn").removeClass("search_on");
})

$("input[type='search']").focus(function() {
  $(".search_btn").addClass("search_on");
})

$("input[type='search']").blur(function () {
  $(".search_btn").removeClass("search_on");
});

$("input[type='search']").focus(function() {
  $(".search_btn").addClass("search_on");
})

$("input[type='search']").blur(function () {
  $(".search_btn").removeClass("search_on");
});