如何模拟 Javascript 中的按钮按下以触发 Simple-Jekyll-Search 中的搜索

Question

在我的网站实施 Simple-Jekyll-Search 后，我希望能够使用 jQuery 填充搜索字段并触发搜索。不幸的是，它似乎只对按下按钮有反应。

是否可以模拟按下按钮来触发搜索？

Answer 1

那就试试这个：

$('#yourButton').click(function(){
    $('#search-input').keyup();
});

当您点击您的按钮时，它会在您输入时触发 keyup 事件。

您正在使用的库正在侦听 keyup 事件：

  function registerInput(){
    opt.searchInput.addEventListener('keyup', function(e){
      if( e.target.value.length == 0 ){
        emptyResultsContainer()
        return
      }
      render( searcher.search(store, e.target.value) )
    })
  }

从 Github 来源找到代码。

换库的另一种方法。像这样修改 src/index.js 文件：

$('#yourbutton').click(function(){
    render( searcher.search(store, opt.searchInput.value) );
})

如何模拟 Javascript 中的按钮按下以触发 Simple-Jekyll-Search 中的搜索

How do you simulate a button press in Javascript, to trigger searching in Simple-Jekyll-Search

javascript

jquery

jekyll