获取网页选中文本示例-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_11116/article/details/82610083

本文提供了两个实例，展示了如何在HTML页面中通过JavaScript获取用户选中的文本内容。

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

实例一、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <script type="text/javascript">
    function getSelect()
    {
        if(window.getSelection)
        {
            alert(window.getSelection());
        }
        else
        {
            alert(document.selection.createRange().text);
        }
        
    }
    </script>
</head>
<body>
<div>asdlfjawefo;awejgoawemfaowcmzxvczo<b>asdfwe3wg2222</b>xcvaowdfijq9p23rjq023jrq23r</div>
<input type="button" value="获 取" onclick="getSelect();"/>
</body>
</html>

xiao张写道

http://www.cnblogs.com/zjfree/archive/2011/10/20/2219150.html

 
实例二、
<html>   
<head>   
<title>无标题文档</title>   
<mce:script type="text/javascript"><!--   
function getWords(){   
    var text;   
    if(navigator.appName=="Microsoft Internet Explorer"){   
       text=document.selection.createRange().text;   
    }else{   
        text=window.getSelection();   
  }   
    document.getElementById("txt").value=text;   
}   
// --></mce:script>   
</head>   
<body>   
这是一段文字，其实有好长好长的，但为了简便我就复制一下吧。这是一段文字，其实有好长好长的，但为了简便我就复制一下吧。这是一段文字，其实有好长好长的，但为了简便我就复制一下吧。这是一段文字，<br/>其实有好长好长的，但为了简便我就复制一下吧。   
<br/>   
<br/>   
选中上面的一段文字，点击<input type="button" value="获取" onclick="getWords()" />就能放到下面   
<br/>   
<textarea rows="15" id="txt" cols="100">   
</body>   
</html>