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