Replace default CTRL+F from browsers with a jQuery event

Question

Where I have tables on my system, in almost all used the plugin dataTables to customize, but my plugin ta a little modified.

In the modification in question, the search field inside the table is hidden, and I activate it with a 'activate search' button'.

What I want to do activate this search with the keyboard, preferably CTRL+F, do this is simple:

$(document).keydown(function (e) {
  if (e.keyCode == 70 && e.ctrlKey) {
     $("#dataTable_filter").find('.form-control').show().focus();
  }
});

But in this, it activates the default search of the browsers, and moves the focus to this other search, the doubt is:

There is how to disable this default browser search and use only the my trigger? Or you have to do it another way to get this one outworking ?

Answer 1

Test add and.preventDefault();

$(document).keydown(function (e) {
  if (e.keyCode == 70 && e.ctrlKey) {
     $("#dataTable_filter").find('.form-control').show().focus();
     e.preventDefault();
  }
});

If it doesn’t work try using it this way:

window.addEventListener("keydown",function (e) {
    if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) { 
        $("#dataTable_filter").find('.form-control').show().focus();
        e.preventDefault();
    }
})