获取鼠标选中的文本

最新推荐文章于 2024-07-26 11:41:15 发布

大闸谢丶

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量3k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/m0_61655181/article/details/124119459

版权

昨天产品提了个需求，要获取选中的文本，并在选中的文本后面加个添加按钮，将选中的文本渲染到另一边。

这个可以通过window.getSelection()来获取选中的信息

<body>
    <div>
        这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本
        这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本
        这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本
        这是一段文本这是一段文本
    </div>
</body>
<script>
    window.addEventListener('mouseup', function (e) {
        let result = window.getSelection().toString()
        console.log(result);
    })

</script>

给文本添加事件监听，通过window.getSelection()来获取选中的信息

最低0.47元/天解锁文章

大闸谢丶

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
获取鼠标选中的文本

昨天产品提了个需求，要获取选中的文本，并在选中的文本后面加个添加按钮，将选中的文本渲染到另一边。这个可以通过window.getSelection()来获取选中的信息<body> <div> 这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本.
复制链接

扫一扫