js 获取如何鼠标滑词？

最新推荐文章于 2023-08-09 09:02:21 发布

王海虎

最新推荐文章于 2023-08-09 09:02:21 发布

阅读量542

点赞数 1

分类专栏： JavaScript es6 前端常用小知识文章标签： javascript html5 es6 前端 chrome

本文链接：https://blog.youkuaiyun.com/xiaohu12685/article/details/104485542

版权

通过JavaScript的window.getSelection().toString()方法，可以获取到用户在网页中鼠标滑动选中的文字内容。该功能在前端开发中常用于实现高亮、复制等交互效果，尤其在Chrome浏览器下表现良好。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.getSelection().toString()

详情：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getSelection

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js 滑词分析</title>
</head>

<body>
    <div id="selectText">文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本</div>
    <script>
        const getSelectText = () => {
            try {
                let text = window.getSelection().toString();
                if (text != null && text != "") {
                    console.log(text);
                }
            } catch (err) {
                let selecter = document.s