梅花真洁白啊!像冬天里的雪花;梅花真美丽啊!像翩翩起舞的天鹅;梅花真坚强啊!像个英勇的战士。梅花坚强不屈的精神一直激励着我前进。
在写前端的一个小工具时,遇到了个获取鼠标选中内容的需求,此需求可以很简单的利用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如何实现获取鼠标选中文字的方法到此结束。有时候,同样的一件事情,我们可以去安慰别人,却说服不了自己。每个人,在困惑苦闷的时候,都需要身边有朋友能够开解一下自己,其实,并非我们不懂得那些道理,只是我们特别需要听到别人把它再复述出来,以来验证和坚定那些道理的真理性。小编再次感谢大家对我们的支持!