通过 JavaScript 跟踪 Ctrl + F 的使用？

Question

Is it possible to know what my users are searching for on my web pages by Ctrl + F in JavaScript? So when a user uses Ctrl + F to search for something, JavaScript can capture this action (and the search phrase) and send it back to the server.

Possible? How?

Answer 1

Nope, not possible. On some browsers you can catch the key combination Ctrl + F , but you can't spy on what the user searched for. On other browsers you can't catch Ctrl + F at all.

If it's any consolation, there's probably a security flaw you can use on IE6.

Answer 2

No. You can't and by all security reasons should never have access to browser's UI elements outside page. You can capture Ctrl + F and handle it on your own though. But, of course, it will look different than browser's own UI element.

Answer 3

I've just found a workaround that might help in some cases.

Notice, that document and scrollable elements are always scrolling to the next searched occurrence - we can take advantage of that and create an "hidden" scrollable element and wait for it to scroll. When it scrolls you can then read the position to which it scrolled and get matched word.

http://jsfiddle.net/oz6gum90/6/

HTML:

<div id="hiddenScrollableContent">
    <div></div> <!-- first element must be empty -->
    <div>car</div>
    <div>cat</div>
    ...
</div>

CSS:

#hiddenScrollableContent{
    overflow: scroll;
    position:absolute;
    height:20px;  /* can't be zero ! */
    opacity:0.01; /* can't be zero ! */
    pointer-events: none;
}
#hiddenScrollableContent div{
    height: 100px;
}

JS:

$('#hiddenScrollableContent').scroll(function(e){
    var top = $(this).scrollTop();

    if (top==0)
        return; //prevents endless loop

    var index = Math.round(top / 100);
    var element = $('div', this).eq(index);
    var elementsText = element.text();
    $(this).scrollTop(0);

    console.log('top:'+top, 'index:'+index);

    $('span').text(elementsText);
});