jquery 文本选中事件

基础概念

jQuery 文本选中事件是指当用户在网页上选中（高亮）一段文本时触发的事件。这些事件可以用于实现各种功能，例如复制粘贴提示、文本编辑、搜索高亮等。

类型

jQuery 提供了以下几种文本选中事件：

selectstart：当用户开始选中文本时触发。
select：当用户选中文本时触发。
selectend：当用户结束选中文本时触发。

应用场景

复制粘贴提示：当用户选中文本并尝试复制时，显示提示信息。
文本编辑：当用户选中文本时，显示编辑工具栏。
搜索高亮：当用户选中文本时，自动高亮显示匹配的搜索结果。

示例代码

以下是一个简单的示例，展示了如何使用 jQuery 处理文本选中事件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery Text Selection Event</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <p id="text">请选中这段文本。</p>

    <script>
        $(document).ready(function() {
            $('#text').on('selectstart', function() {
                console.log('开始选中文本');
            });

            $('#text').on('select', function() {
                console.log('选中文本');
            });

            $('#text').on('selectend', function() {
                console.log('结束选中文本');
            });
        });
    </script>
</body>
</html>