js获取div中鼠标选中的文本内容

最新推荐文章于 2025-08-03 17:29:33 发布

请叫我爱你一万年

最新推荐文章于 2025-08-03 17:29:33 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_32339477/article/details/88865511

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文将介绍如何使用JavaScript有效地获取用户在Div元素中选定的文本内容，包括选择的开始和结束位置，以及在不同浏览器下的兼容性处理。

<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<div><p onmouseup="mytest()">只是一段文本其余的还有很多的文字</p></div>
<script>

    function mytest(e){
        console.log(window.getSelection);
        var txt = window.getSelection?window.getSelection():document.selection.createRange().text;
        if(txt==""){//当选中内容为空时，阻止事件发生
            window.event? window.event.cancelBubble = true : e.stopPropagation();
        }else{
            var txt1=String.toString(txt);//得到的选中的文本是一个对象，需要转化为字符串
            alert(txt1);
        }
    }

</script>
</body>
</html>