js获取鼠标拖动选中的内容

最新推荐文章于 2025-02-28 15:40:48 发布

原创最新推荐文章于 2025-02-28 15:40:48 发布 · 1.6k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

js方法专栏收录该内容

5 篇文章

订阅专栏

该代码示例展示了如何通过JavaScript监听鼠标松开事件，获取并打印用户在网页中拖动选中的文本内容。使用window.getSelection()获取Selection对象，然后通过toString()方法提取选中文本。

//鼠标监听,当释放鼠标的时候，调用testSelection()方法。
document.onmouseup=function(){
    testSelection();
}
function testSelection(){
    //获取Selection对象
    let selection=window.getSelection();
    //调用selection对象的toString()方法就可以获取鼠标拖动选中的文本。
    console.log("选中的文本为：");
    console.log(selection.toString()); // '的内容'
}

上面的代码是：鼠标拖动选中一段文字，释放鼠标后会在控制台把选中的文字输出。其实也可以不显示的调用用toString()方法。直接写console.log(selection+“”)。这样得到的效果是一样的。

文章引用自：js实现获取鼠标拖动的选中的内容 - 简书