Question

jquery如何获取选择的文本

我想实现这样的功能：用鼠标在网页上选取一段文本后，触发jquery，读取选择的文本。

Answer 1

收藏代码,,ie ff都好用,,其他的嘿嘿没试过

var cursorPosition = {
    get: function (textarea) {
        var rangeData = {text: "", start: 0, end: 0 };
     
        if (textarea.setSelectionRange) { // W3C   
            textarea.focus();
            rangeData.start= textarea.selectionStart;
            rangeData.end = textarea.selectionEnd;
            rangeData.text = (rangeData.start != rangeData.end) ? textarea.value.substring(rangeData.start, rangeData.end): "";
        } else if (document.selection) { // IE
            textarea.focus();
            var i,
                oS = document.selection.createRange(),
                oR = document.body.createTextRange();
            oR.moveToElementText(textarea);
             
            rangeData.text = oS.text;
            rangeData.bookmark = oS.getBookmark();
             
            for (i = 0; oR.compareEndPoints('StartToStart', oS) < 0 && oS.moveStart("character", -1) !== 0; i ++) {
 
                if (textarea.value.charAt(i) == '\r' ) {
                    i ++;
                }
            }
            rangeData.start = i;
            rangeData.end = rangeData.text.length + rangeData.start;
        }
         
        return rangeData;
    },
     
    set: function (textarea, rangeData) {
        var oR, start, end;
        if(!rangeData) {
            alert("You must get cursor position first.")
        }
        textarea.focus();
        if (textarea.setSelectionRange) { // W3C
            textarea.setSelectionRange(rangeData.start, rangeData.end);
        } else if (textarea.createTextRange) { // IE
            oR = textarea.createTextRange();
            if(textarea.value.length === rangeData.start) {
                oR.collapse(false);
                oR.select();
            } else {
                oR.moveToBookmark(rangeData.bookmark);
                oR.select();
            }
        }
    },
 
    add: function (textarea, rangeData, text) {
        var oValue, nValue, oR, sR, nStart, nEnd, st;
        this.set(textarea, rangeData);
         
        if (textarea.setSelectionRange) { // W3C
            oValue = textarea.value;
            nValue = oValue.substring(0, rangeData.start) + text + oValue.substring(rangeData.end);
            nStart = nEnd = rangeData.start + text.length;
            st = textarea.scrollTop;
            textarea.value = nValue;
            if(textarea.scrollTop != st) {
                textarea.scrollTop = st;
            }
            textarea.setSelectionRange(nStart, nEnd);
        } else if (textarea.createTextRange) { // IE
            sR = document.selection.createRange();
            sR.text = text;
            sR.setEndPoint('StartToEnd', sR);
            sR.select();
        }
    }
}
$('#id').mouseup(function () {
    var pos = cursorPosition.get($(this)[0]);
    alert(!pos.text?'':pos.text);
});

追问

谢谢！
我先研究下

Answer 2

<div id="tst" onmouseup="doit()">this is test</div>
<script>
function doit(){
 //脚本获取网页中选中文字
    var word = document.selection.createRange().text; 

    //获取选中文字所在的句子
    var range =  document.selection.createRange();
    range.expand("sentence");
    var sentence = range.text;

    alert(word);//弹出选中的文字
    alert(sentence );
 
}
</script>

Answer 3

    <script type="text/javascript">
    function getSelText() {
        // for IE， IE的话用这一段
        var sel = document.selection.createRange();
        var text = sel.text;
        // for FF，不是IE的话用这一段
        //var text = document.getSelection();
        if (text != "") {
            alert(text);
        }
    }
    </script>
    <div onmouseup="getSelText();" id="testdiv">
        aaaaaaaaaaabbbbbbbccccc
    </div>

Answer 4

使用$("#id").text()可以获取

Answer 5

$(this).text()