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

最新推荐文章于 2020-07-15 14:46:44 发布

weixin_30824277

最新推荐文章于 2020-07-15 14:46:44 发布

阅读量236

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xudeming208/p/4043657.html

版权

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>

转载于:https://www.cnblogs.com/xudeming208/p/4043657.html

weixin_30824277

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript获取textarea中所选文本的开始位置、结束位置和选择的文本

javascript获取textarea中所选文本的开始位置、结束位置和选择的文本。 demo：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>javascript获...
复制链接

扫一扫