在文本选择上显示自定义菜单

您好，我希望能够在用户选择一些与媒体提供的文本非常相似的文本时显示自定义菜单（或上下文菜单）。

如何实现这样的事情？我知道本机/jquery 上下文菜单插件，但我如何知道用户何时选择文本？浏览器的onselect似乎仅在输入元素上受支持。

这是一个非常基本的监听器.getSelection(): DEMO

if (!window.x) 
{
    x = {};
}

x.Selector = {};
x.Selector.getSelected = function() 
{
    var t = '';
    if (window.getSelection) 
    {
        t = window.getSelection();
    } 
    else if (document.getSelection) 
    {
        t = document.getSelection();
    } 
    else if (document.selection) 
    {
        t = document.selection.createRange().text;
    }
    return t;
}

$(document).ready(function() 
{
    $(document).bind("mouseup", function() 
    {
        var selectedText = x.Selector.getSelected();
        if(selectedText != '')
        {
            alert(selectedText);
        }
    });
});

只需使弹出窗口/工具栏可见即可，而不是发出警报。希望这可以帮助！

EDIT我更改了演示以显示显示弹出菜单/工具栏的一种可能方法。