码迷,mamicode.com
首页 > 编程语言 > 详细

javascript获取textarea中所选文本的开始位置、结束位置和选择的文本

时间:2014-10-22 18:03:53      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:http   io   os   ar   java   sp   on   art   问题   


javascript获取textarea中所选文本的开始位置结束位置选择的文本
demo:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>javascript获取textarea中所选文本的开始位置结束位置选择的文本</title>
</head>
<body>
<textarea name="" id="test" cols="30" rows="10"></textarea>
<script type="text/javascript">
//获取所选文本的开始和结束位置
function getPositions() {
    var el = document.getElementById("test"),
        x = 0,
        y = 0,
        val = el.value;
    //IE
    if (document.selection) {
        //创建范围对象
        var range = document.selection.createRange();
        //克隆对象
        var drange = range.duplicate();
        //复制范围
        drange.moveToElementText(el);
        drange.setEndPoint("EndToEnd", range);
        x = drange.text.length - range.text.length;
        y = x + range.text.length;
    }
    //Firefox,Chrome,Safari,opera etc
    else if (window.getSelection) {
        x = el.selectionStart;
        y = el.selectionEnd;
    }
    return {
        "val": val,
        "x": x,
        "y": y
    };
}
//获取textarea中选择的文本
document.onmouseup = function() {
    if (window.getSelection) {
        //Firefox,Chrome,Safari,opera etc
        console.log(getPositions().val.substring(getPositions().x, getPositions().y));
    } else if (document.selection) {
        //IE,IE下可以直接获取,不必利用开始和结束位置截取
        console.log(document.selection.createRange().text);
    }
};
</script>
</body>
</html>

javascript获取textarea中所选文本的开始位置、结束位置和选择的文本

标签:http   io   os   ar   java   sp   on   art   问题   

原文地址:http://www.cnblogs.com/xudeming208/p/4043657.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!