js获取选中文字

在JavaScript中获取选中的文字，可以使用window.getSelection()方法。以下是相关基础概念、优势、应用场景以及示例代码：

基础概念

window.getSelection() 是一个DOM API方法，用于获取用户在网页上选中的文本。它返回一个 Selection 对象，该对象包含了选中文本的相关信息。

优势

跨浏览器兼容性：现代浏览器都支持这个API。
灵活性：可以获取到用户选择的任意文本，不仅限于输入框或文本区域。
实时性：可以实时获取用户的选中内容，便于实现一些动态交互效果。

应用场景

文本高亮：用户选中某段文字后，可以对其进行高亮显示。
复制功能：实现自定义的复制到剪贴板功能。
搜索建议：用户选中某词后，可以提供相关的搜索建议。
注释工具：在用户选中的文本上添加注释或标记。

示例代码

以下是一个简单的示例，展示如何获取并处理用户选中的文字：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取选中文字示例</title>
</head>
<body>
    <p id="text">这是一个示例文本，你可以选中其中的一部分。</p>
    <button onclick="getSelectedText()">获取选中文字</button>
    <script>
        function getSelectedText() {
            let selectedText = window.getSelection().toString();
            if (selectedText) {
                alert("选中的文字是: " + selectedText);
                // 这里可以添加更多处理选中文字的逻辑
            } else {
                alert("没有选中任何文字");
            }
        }
    </script>
</body>
</html>