Guide Search On Enter Key Disable Function

image avatar

Ashley M

投稿日時：2023年4月11日

 

Is there is solution to disable the search on enter key press function within Zendesk Guide?

Tried the below codes in our theme scripts but nothing seems to work:

1.
 
  // Submit search on input enter
  $quickSearch.on('keypress', (e) => {
    if (e.which === 13) {
      search();
    }
  });
});
 
 
2.
 
const searchBox = document.querySelector("query"); searchBox.addEventListener("keydown", (event) => { if (event.keyCode === 13) {   event.preventDefault(); }});*/
 
 
3.
 
  $( document ).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });

0

2

2件のコメント

日付
    新しい順
      image avatar

      Ashley M

      For anyone that needs the code, this worked for us:

       $(document).ready(function() {
  document.addEventListener('keydown', (e)=>{
    if (e.which == 13 && e.target.id == "query") {
      e.preventDefault()
      e.stopImmediatePropagation()
      //do something
    }
  }, true)
})

      0

      image avatar

      Greg Katechis

      Hi Ash, sorry for the delay in response. I was looking at this last week and it seems that there is something with the way that we render the search button within our templating language that somehow overrides `preventDefault` or any other variants where we try to interrupt the action from taking place. 

      I haven't done any testing with this yet, but you could try to hide the enter button by default and then show it when there is text in that input field. 

      0

      サインインしてコメントを残します。

      お探しのものが見つかりませんか？

      新規投稿