javascript - 在输入焦点上关闭滑动菜单

Question

我有一个搜索栏，并在幻灯片菜单中提供了额外的选项。我已经一切正常，但我需要的只是当您再次关注输入时关闭菜单。

https://jsfiddle.net/ny51mzp8/2/

检查 fiddle ...打开菜单并将焦点重新放在输入上...菜单保持打开状态，直到您再次单击按钮。请我需要这两个选项都有效。我只听说 jquery 的“keyup”可以实现这一点。

到目前为止我已经准备好了:

$(document).ready(function() {
 $('#showmenu').click(function() {
  $('.search-baner').toggle("slide", { direction: "left" }, 500);
  $("span",this).toggleClass("ion-arrow-right-b ion-arrow-left-b");
  $("#showmenu",this).toggleClass("not-pressed pressed");
  });
});

Answer 1

使用$.focus()方法。

$('input').focus(function(){
  $banner = $('.search-baner');
  if ($banner.is(':visible')) {
    $banner.toggle();
  }
});