获取鼠标选中文字-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_11316/article/details/82395709

本文介绍了如何通过JavaScript获取文档中用户所选中的文本内容。包括使用document.selection.createRange().text针对IE浏览器的方法，以及使用document.getSelection()适用于Firefox等其他现代浏览器的方法。此外，还提供了一个简单的示例代码，用于演示如何在用户松开鼠标按钮时弹出显示选中的文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文关键点：

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

document.getSelection();//ff

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