在<p>标签</p>上获取所选文本

Question

使用jquery或纯javascript，有没有办法获取<p>标签的当前选定文字？我知道input.selectionStart，但它只存在于<input>。

Answer 1

这是一个简单的解决方案。适用于chrome，safari，FF和IE9 +，但您必须在您可能想要支持的任何其他旧版浏览器上进行测试。 http://jsfiddle.net/YEu3k/1/

<p id="pText">here is some text</p>

<script>
    document.getElementById('pText').onmouseup = function(){
        var sel = window.getSelection(), range;
        if (sel.getRangeAt) {
            range = sel.getRangeAt(0);
            alert(range);
        }
    };
</script>

Answer 2

尝试使用https://github.com/madapaja/jquery.selection

选择范围在每个浏览器中都是不同的行为。这个插件通常与选择范围接口。