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

顺晟科技

2021-08-26 13:06:12

100

在写前端的一个小工具时，遇到了个获取鼠标选中内容的需求，此需求可以很简单的利用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>
//获取鼠标选中的文字
//feiniaomy.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>

上一篇：js删除数组中空值的方法下一篇：网站使用JS禁止复制粘贴保存为方法

网站建设

Js

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