关于js如何获取鼠标划过文本的内容与下标

最新推荐文章于 2023-07-27 14:57:11 发布

紫竹修

最新推荐文章于 2023-07-27 14:57:11 发布

阅读量1.2k

点赞数

分类专栏：前端小代码文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_27840695/article/details/95042601

版权

前端小代码专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用jQuery在网页上获取用户鼠标选中文字起始和结束位置的方法，通过监听mouseup事件并利用window.getSelection()函数实现。

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

$(document).ready(function () {
                $(".contenttext").mouseup(function (e) {
                        var txt = window.getSelection(); //获取鼠标划过的对象
                        if (txt.toString().length > 0) {
                        var start = txt.anchorOffset; //获取划过的文字在文本中的起始位置
                        var end = txt.focusOffset;       //获取划过的文字在文本的结束位置
                        alert(start+","+end)
                        alert(txt.toString()); //获取鼠标划过的文本
                        } 
                });
            });