|
想要通过js从网页中获取鼠标选中的文字离不开window.getSelection这个属性（不适用于ie9以下的浏览器） window.getSelection()，返回一个Selection对象，表示用户选择的文本范围或光标的当前位置 因为返回的是一个对象需要用到.toString()强行把他转化成字符串并用alert()把它以网页弹窗的形式展示出来
js代码： var funcGetSelectText = function(){
var txt = '';//初始化
if(document.selection){//判断是否是ie浏览器
txt = document.selection.createRange().text; //ie浏览器
}else{
txt = document.getSelection(); //其他浏览器
}
return txt.toString();
}
var container = container || document;
container.onmouseup = function(){
var txt = funcGetSelectText();
if(txt)
{
alert(txt);
}
} |
嵌入一个简单的网页 <html> <head> <title>获取网页中鼠标选中文字</title> </head> <body> <p>获取网页中鼠标选中文字<p> <script> var funcGetSelectText = function(){
var txt = '';
if(document.selection){
txt = document.selection.createRange().text; //ie浏览器
}else{
txt = document.getSelection(); //其他浏览器
}
return txt.toString();
}
var container = container || document;
container.onmouseup = function(){
var txt = funcGetSelectText();
if(txt)
{
alert(txt);
}
}
</script> </body> </html> |
效果图： 
效果图2.1 以上所述是给大家介绍的js获取网页鼠标选中文字，主要涉及到window.getSelection这个属性，想了解详细用法可以参考https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getSelection 编 辑 | 王楠岚 责 编 | 王自强
|
