javascript - 使用jquery我希望当输入为空时隐藏一个div？

Question

例如说我有一个文本框和一个名为建议的隐藏 div

$("#suggestinput").on({
  keyup: function(){
    $("#suggestions").addClass("active");
  },
  blur: function () {
    $("#suggestions").removeClass('active');
  }
 //another event to know if input is empty while on focus, then removeClass('active');
});

第一个事件是当用户输入输入显示建议时，第二个是模糊，所以当用户不关注输入时，建议 el 将隐藏，如果输入为空，我希望第三个事件在焦点上检查删除活跃的班级。

工作示例在这里感谢：http: //jsfiddle.net/HSBWt/

Answer 1

试试这个 - http://jsfiddle.net/HSBWt/1/

$("#suggestinput").on({
  keydown: function(){
    $("#suggestions").addClass("active");
  },
  blur: function () {
    $("#suggestions").removeClass('active');
  },
  keyup: function () {
      if ( $(this).val() == "" ) {
        $("#suggestions").removeClass('active');
      }
  }
});