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

时间:2011-05-17 21:18:35

标签: jquery jquery-ui html5 text

我有充满文字的网页“就像那个页面一样”。我不是指“输入元素”,我的意思是任何文本都是用

或......等标签写的。

当我选择一些单词时,弹出或迷你窗口或对话框会显示一些选项,比如说,链接到所选文本或复制或打印。

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

我想要相同的故事,但在我选择后立即显示对话框。无需点击右键。

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

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

感谢您的意见! 谢谢!

2 个答案:

答案 0 :(得分:1)

您可以使用以下代码获取mouseup事件中的选定文本:

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

答案 1 :(得分:0)

而不是.mouseup()我想你想使用.select()

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