鼠标左键获取HTML页面里面内容

最新推荐文章于 2022-03-01 18:07:54 发布

前进的探索者

最新推荐文章于 2022-03-01 18:07:54 发布

阅读量449

点赞数

分类专栏：前端 jsp webstorm 文章标签：鼠标选中选中内容

本文链接：https://blog.csdn.net/b0303/article/details/97011267

版权

前端同时被 3 个专栏收录

44 篇文章 1 订阅

订阅专栏

webstorm

13 篇文章 0 订阅

订阅专栏

jsp

12 篇文章 0 订阅

订阅专栏

项目中用到鼠标获取页面内容，要粘贴到别的页面，在进行粘贴的内容进行变色处理。这次只是做写选中页面的内容进行处理操作。

现在直接上代码内容不多：

<!DOCTYPE html>
<html>

<body>

<span onClick="SelectText()">时间的长河在岁月的痕迹中是相辅相成的。时间是岁月的伴随者，又怎么能说明两者的关系呢......</span>
       <script>

       function SelectText(){
           try{
           var selecter=window.getSelection().toString();
           if(selecter!=null&&selecter.trim()!=""){
           alert(" 1 " + selecter);
           }
           }catch(err){
           var selecter=document.selection.createRange();
           var s=selecter.text;
           if(s!=null&&s.trim()!=""){
           alert(s)
           }
           }
           }
           //替换文本前与后的空格
           String.prototype.trim=function()
           {
           return this.replace(/(^\s*)|(\s*$)/g,"");
           }
       </script>
</html>