跟踪 JavaScript 对 Ctrl + F 的使用？答案

【问题标题】：Tracking the use of Ctrl + F by JavaScript?跟踪 JavaScript 对 Ctrl + F 的使用？
【发布时间】：2013-01-07 00:13:27
【问题描述】：

是否可以通过 JavaScript 中的 Ctrl+F 知道用户在我的网页上搜索的内容？因此，当用户使用 Ctrl+F 搜索某些内容时，JavaScript 可以捕获此操作（和搜索短语）并将其发送回服务器。

可能吗？怎么样？

【问题讨论】：

是的，有可能。您具体遇到了什么问题？
我不知道怎么做。我在谷歌上搜索过都是触发Ctrl+F键而不是去追踪。
通过 google 找到：stackoverflow.com/questions/93695/…（将 S 键码替换为 F）。这可以跟踪击键 - 跟踪他们在搜索框中键入的内容超出了 JavaScript 的能力。
对不起，我只能得到 ctrl+f 键击。无法检索他们在浏览器中搜索的文本。

标签： javascript browser analytics

【解决方案1】：

不，不可能。在一些浏览器上，您可以捕捉到组合键 Ctrl+F，但您无法窥探用户搜索的内容。在其他浏览器上，您根本无法捕捉 Ctrl+F。

如果有什么安慰的话，你可能会在 IE6 上使用一个安全漏洞。

【讨论】：

【解决方案2】：

我刚刚找到了一种在某些情况下可能会有所帮助的解决方法。

注意，文档和可滚动元素总是滚动到下一个搜索的位置——我们可以利用这一点，创建一个“隐藏”的可滚动元素并等待它滚动。当它滚动时，您可以读取它滚动到的位置并获得匹配的单词。

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

【讨论】：

【解决方案3】：

没有。您不能并且出于所有安全原因，永远不应该访问页面外的浏览器 UI 元素。您可以捕获 Ctrl+F 并自行处理。但是，当然，它看起来与浏览器自己的 UI 元素不同。

【讨论】：