js实现获取鼠标选中文字的方法

JS代码
来源：站三界导航
86阅读
2022-07-07

在写前端的一个小工具时，遇到了个获取鼠标选中内容的需求，此需求可以很简单的利用JS脚本来实现。下面给出方法。

获取鼠标选中文字的方法

1、IE9下JS获取鼠标选中文字的方法

document.selection.createRange().text;

2、常用JS获取鼠标选中文字的方法

window.getSelection().toString();

原生 js 获取鼠标选中文字的方法

代码示例：

<!DOCTYPE html>
<html>
<head>
</head>
<body onmouseup="get_txt();">
<p>这是一段文字，可以使用鼠标来选中的！</p>
<script>
//获取鼠标选中的文字
//www.zhansanjie.com
function get_txt()
{
    var txt = window.getSelection ? window.getSelection() : document.selection.createRange().text;
    alert(txt) ;
}
</script>
</body>
</html>

jquery获取鼠标选中内容的方法

代码示例：

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<p>这是一段文字，可以使用鼠标来选中的！</p>
<script>
$('p').mouseup(function(){
    var txt = window.getSelection ? window.getSelection() : document.selection.createRange().text;
    alert(txt) ;
})
</script>
</body>
</html>

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/9202.html

1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。

2、本站仅提供信息发布平台，不承担相关法律责任。

3、若侵犯您的版权或隐私，请联系本站管理员删除。

4、本文由会员转载自互联网，如果您是文章原创作者，请联系本站注明您的版权信息。

上一篇： JS判断浏览器是否最小方法的方法

下一篇：看到权重爆表的网站是一种什么体验