javascript如何实现获取鼠标选中文字的方法

梅花真洁白啊!像冬天里的雪花;梅花真美丽啊!像翩翩起舞的天鹅;梅花真坚强啊!像个英勇的战士。梅花坚强不屈的精神一直激励着我前进。

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

本文javascript如何实现获取鼠标选中文字的方法到此结束。有时候,同样的一件事情,我们可以去安慰别人,却说服不了自己。每个人,在困惑苦闷的时候,都需要身边有朋友能够开解一下自己,其实,并非我们不懂得那些道理,只是我们特别需要听到别人把它再复述出来,以来验证和坚定那些道理的真理性。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法