javascript - 選択したテキストを取得する鬼ごっこ

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を使用してみてください

ブラウザごとに選択範囲の挙動が異なります。このプラグインは、選択範囲への一般的なインターフェイスを作成します。