如何附加“选择” 页面上每个文本节点的事件？ 有没有更好的办法？

Question

注意：似乎解决了我自己的问题。 查看编辑内容。

我正在尝试编写一个greasemonkey 脚本，当用户选择文本时，它将突出显示页面上的所有匹配文本，然后在取消选择时删除突出显示。 我正在寻找一种 jQuery 方法来做到这一点。 似乎 jQuery 核心中有一个 select 事件，但我无法让它按照我想要的方式工作。 例如，尝试在此页面上运行以下命令：

$(document).select(function () { 
      console.log("hey");
  });

没有响应。 所以看来我需要特别将其附加到文本节点。 但这对我来说似乎不切实际。 那就太慢了。

有什么建议、想法吗？ 谢谢。

编辑＃1：Ken Browning 指出 jQuery 中的 select 事件仅在文本区域和输入字段中触发。 所以我想我必须放弃它。 也许我可以稍微改变我的问题，并询问是否有人可以告诉我将选择事件绑定到所有文本节点的javascript方法。

编辑＃2：我想我找到了部分答案。 这将返回页面上选定的文本，但您仍然需要单击按钮才能显示它。 没有选择事件绑定。 嗯。

<script language=javascript>
function getSelText()
{
    var txt = '';
     if (window.getSelection)
    {
        txt = window.getSelection();
             }
    else if (document.getSelection)
    {//javascript select event
        txt = document.getSelection();
            }
    else if (document.selection)
    {
        txt = document.selection.createRange().text;
            }
    else return;
document.aform.selectedtext.value =  txt;
}
</script>
<input type="button" value="Get selection" onmousedown="getSelText()"> 

http://www.codetoad.com/javascript_get_selected_text.asp

编辑＃3：所以我绑定到 mouseup 事件而不是选择。 然后，我检查 getSelText() 的值，以便在该点之后进一步继续。 耶！

编辑＃4：如果有人好奇，我将完成的脚本发布在用户脚本上。 链接在这里。 享受！

http://userscripts.org/scripts/show/55148

Answer 1

在 Firefox 中，document.getSelection() 将返回选定的文本。

您可以将 onmouseup 处理程序附加到 document，并在每次收到 mouseup 事件时检查选择情况。

注意：在我写完这篇文章后，您发布了一些源代码来进行选择。 虽然该代码很好（并且跨浏览器），但如果您使用 Greasemonkey，则必须使用 Firefox，因此您需要的只是 document.getSelection()。

Answer 2

当用户选择文本字段（包括输入和文本区域）中的某些文本时，将触发 select 事件。

我读到这意味着您遇到了错误的事件，除非您的页面内容位于 或 </code>