前端|获取网页中鼠标选中文字
原创
©著作权归作者所有：来自51CTO博客作者算法与编程之美的原创作品，请联系作者获取转载授权，否则将追究法律责任
问题描述
想要通过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这个属性。
END
