1

たとえば、テキストボックスとsuggestionsという非表示の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');
});

最初のイベントは、ユーザーが入力ショーの提案を入力したとき、2番目のイベントはぼかしであるため、ユーザーが入力にフォーカスを外すと、提案elが非表示になり、フォーカス中に入力が空かどうかを確認する3番目のイベントが必要です。アクティブなクラス。

実例はここにありますありがとう：http：//jsfiddle.net/HSBWt/

4

1 に答える 1

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');
      }
  }
});
于 2012-08-12T16:28:24.067 に答える