Is there a way to detect find on the page searches in javascript

by

Here is a solution which can account for alternative page find situations (ex. Command+F, “https://stackoverflow.com/” on Firefox). It checks for any of these keypresses and sets a timer when they occur. If the window is blurred soon after, then it is assumed that the Find dialog is showing.

Disadvantages: does not account for the “Find” dialog being launched via the menu. I don’t see any way to be sure about this part, since (as far as I know, at least) browser UI is off-limits to Javascript running inside the DOM.

var keydown = null;

$(window).keydown(function(e) {
    if ( ( e.keyCode == 70 && ( e.ctrlKey || e.metaKey ) ) ||
         ( e.keyCode == 191 ) ) {
        keydown = new Date().getTime();
    }

    return true;
}).blur(function() {
    if ( keydown !== null ) {
        var delta = new Date().getTime() - keydown;
        if ( delta >= 0 && delta < 1000 )
            console.log('finding');

        keydown = null;
    }
});

jsFiddle, tested in Chrome, Safari and Firefox

More Related Contents:

  1. Why are inline event handler attributes a bad idea in modern semantic HTML?
  2. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  3. How to stop event propagation with inline onclick attribute?
  4. What’s the difference between event.stopPropagation and event.preventDefault?
  5. phantomjs not waiting for “full” page load
  6. Firing event on DOM attribute change
  7. Launch Bootstrap Modal on Page Load
  8. How to find out which JavaScript events fired?
  9. Javascript event handler with parameters
  10. event.preventDefault() vs. return false (no jQuery)
  11. Getting value of HTML Checkbox from onclick/onchange events
  12. Watch multiple $scope attributes
  13. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  14. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  15. Javascript: How to detect if a word is highlighted
  16. How can I execute a function on pressing the enter key in an field?
  17. How can I listen for a click-and-hold in jQuery?
  18. Throttle event calls in jQuery
  19. How do you detect the clearing of a “search” HTML5 input?
  20. JS Events: hooking on value change event on text inputs
  21. How to handle an ActiveX event in Javascript
  22. jQuery events .load(), .ready(), .unload()
  23. Detect if user clicks inside a circle
  24. Get the clicked object that triggered jquery blur() event [duplicate]
  25. Backbone 0.9.9: Difference between listenTo and on
  26. Prevent onclick action with jQuery
  27. How to programmatically fire a dblclick event defined with addEventListener?
  28. Javascript attach an onclick event to all links
  29. Add multiple window.onload events
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment