当我使用 jQuery 选择页面上的任何文本时，如何显示对话框？

Question

我的网页充满了文字“让我们说像那个页面”。我的意思不是“输入元素”，我的意思是任何文本都是用

或 等标签编写的。

当我选择某些单词时，会显示弹出窗口或迷你窗口或对话框，其中包含一些选项，例如，链接到通过电子邮件发送所选文本或复制或打印。

就像您在任何浏览器中选择一些文本，然后单击右键单击该所选文本一样，菜单（集成在您的操作系统窗口中）就会显示。

我想要同样的故事，但在我选择后立即出现对话框。无需右键单击。

我正在阅读“UI/API/1.8/Dialog” http://docs.jquery.com/UI/对话框和“.mouseup()”http://api.jquery.com/mouseup/ 而且我在这里发现了这篇不错的文章 http://motyar.info/blog/2010/02/get-user-selected-text-with-jquery-and.html

但仍然无法实现我想要的功能。也许这很容易，但我看不到:)

感谢您的意见！ 谢谢！

Answer 1

您可以使用如下代码获取 mouseup 事件上选定的文本：

$(document).mouseup(function (event) {
    var text = document.selection.createRange().text;
    if (text != "") {
        //Use text in popup, etc... SAMPLE:
        alert(text);
    }
});

Answer 2

我认为您想使用 .select() 而不是 .mouseup() ：

http: //api.jquery.com/select/