如果用户在输入框中键入,如何触发单击按钮

Question

故事前:我正在使用Algolia搜索在我的网站上搜索.如果用户开始输入输入字段,结果将开始出现在屏幕上.

最终目标:默认情况下关闭过滤器(切换功能).

问题:当用户开始输入输入时,网址会发生变化,过滤器会保持打开状态.

• 如果我在用户完成输入后在控制台中应用代码,我可以看到按钮关闭.
• 如果我在下面应用jQuery代码并且在我键入过滤器时保持关闭,但是一旦用户停止键入过滤器再次打开.
• 一旦我完成输入(输入失去焦点),过滤器再次打开.

我的方法:

• 第一

  $("input#dropdown_search").on('input',function(e){
      $("b- utton.button.filters__button").click();     
  });
  

• 第二

  $('input#dropdown_search').keyup(function() {
      $("button.button.filters__button").click();
  });
  

• 第三

  $('input#dropdown_search').on('inputchange', function() { 
      $("button.button.filters__button").click();
  });
  

• 第四

  $("input#dropdown_search").on('change keyup paste', function () {
      ApplyFilter();
  });
  
  function ApplyFilter() {
      $("button.button.filters__button").click();
  }
  

  看起来他们没有达到最终目标,即使在用户停止输入后他们仍然保持过滤器隐藏.

你能帮忙吗？

Answer 1

尝试这个：

var timer;
$("input#dropdown_search").on('change keyup', function () {
    clearInterval(timer);
    timer = setInterval(function() {
        ApplyFilter();
    }, 1500);
});