hi,欢迎访问本站!
当前位置: 首页Web前端正文

js获取鼠标选中的文字

墨初 Web前端 688阅读

在html页面中,可以利用JS脚本获取到鼠标的选中文字。在一些词性分析的小工具中经常被用到。

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>
声明:无特别说明,转载请标明本文来源!