How to capture menu selection events

Question

I have to expand all collapsed rows of a table when user tries to search for a string using Ctrl + F or using menu item Find. I am able to do this when user hits Ctrl + F, but not sure how to achieve the same when user selects menu item Find.

$('body').keydown(function(e){
  if(e.ctrlKey && e.which == 70){
    $(expandAll());
  }
});

function expandAll() {
    $("#resultDetails tr").each(function(){
        if ($(this).hasClass('expand')) 
           $(this).removeClass('expand').addClass('collapse');
        $(this).show();
    });
}

Demo . How can I capture the browser menu item events.

Thoughts.

Answer 1

Just run the function like this:

$('body').keydown(function(e){
  if(e.ctrlKey && e.which == 70){
    expandAll(); //no need to use jQuery way
  }
});

As per your comment:

//run the function on click event:

$('.your-menu').on('click',expandAll);

Answer 2

There is NO way you can listen to browser events, the only thing you can do is the thing that you already did, subscribing to the keyup and keydown events only. You can NOT hook on the search browser function.

Answer 3

Use this javascript code no need to use any jquery

document.onkeydown = function (e) {

        // check ctrl + f key
        if (e.ctrlKey === true && e.keyCode === 70) {

            e.preventDefault();

           //alert('Ctrl + f was hit...');

             $(expandAll());

            return false;
        }