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;
    }
  });

• Greg Katechis

  • April 20, 2023 17:28

  Zendesk Developer Advocacy

  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. 

• Ash

  • April 21, 2023 08:10

  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)
  })

Please sign in to leave a comment.