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

Question

嗨，我想有能力显示自定义菜单(或上下文菜单)时，用户选择了一些文字，许多模拟什么介质提供。

​

​

如何实现这样的东西呢？我知道原生/jquery上下文菜单插件，但是我如何知道用户何时选择文本？onselect似乎只支持输入元素。

Answer 1

下面是.getSelection()的一个非常基本的侦听器：演示

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

不要发出警告，只需使弹出/工具栏可见。希望这能有所帮助！

编辑-我更改了演示，以显示一种可能的方式显示弹出菜单/工具栏。