使用jquery我想在输入为空时隐藏一个div?

时间:2012-08-12 16:24:56

标签: javascript jquery

例如,假设我有一个文本框和一个名为advice

的隐藏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/

1 个答案:

答案 0 :(得分:3)

试试这个 - 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');
      }
  }
});