如何获取页面上鼠标选中的文字

最新推荐文章于 2022-10-11 12:35:59 发布

Cubuntu

最新推荐文章于 2022-10-11 12:35:59 发布

阅读量2.6k

点赞数

分类专栏： [Web]JavaScript 文章标签：新浪微博 function 文档脚本测试

[Web]JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

原文链接：http://www.cnblogs.com/NetSos/archive/2011/02/14/1954345.html

本文关键点：

document.selection.createRange().text //ie

document.getSelection();//ff

小插曲：

 
  selection   对象 
 
  代表了当前激活选中区，即高亮文本块，文档中用户可执行某些操作的其它元素。 
 
  selection   对象的典型用途是作为用户的输入，以便识别正在对文档的哪一部分正在处理，或者作为某一操作的结果输出给用户。 
 
  用户和脚本都可以创建选中区。用户创建选中区的办法是拖曳文档的一部分。 
 
  脚本创建选中区的办法是在文本区域或类似对象上调用   select   方法。 
 
  要获取当前选中区，请对   document   对象应用   selection   关键字。 
 
  要对选中区执行操作，请先用   createRange   方法从选中区创建一个文本区域对象。 
 
  一个文档同一时间只能有一个选中区。选中区的类型决定了其中为空或者包含文本和/或元素块。尽管空的选中区不包含任何内容，你仍然 
 
  可以用它作为文档中的位置标志。

下面的这个demo就是关于，如何获取鼠标选中的值:

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        分享到新浪微博功能实现之截图 是不小贺啊小贺
        http://netsos.cnblogs.com/
        分享到新浪微博啊分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博
    <script>
        var funcGetSelectText = function(){
            var txt = '';
            if(document.selection){
                txt = <span style="color: #ff0000;">document.selection.createRange().text;//ie
</span>         }else{
                txt =<span style="color: #ff0000;"> document.getSelection();
</span>         }
            return txt.toString();
        }
        var container = container || document;
        container.onmouseup = function(){
            var txt = funcGetSelectText();
            if(txt)
            {
                alert(txt);
            }
        }
    </script>
    </body>
</html>

<!DOCTYPE html>
<html>
	<head></head>
	<body>
		分享到新浪微博功能实现之截图 是不小贺啊小贺
		http://netsos.cnblogs.com/
		分享到新浪微博啊分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博分享到新浪微博
	<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>

测试地址