jq获取网页选中的文字

最新推荐文章于 2023-11-09 09:50:24 发布

祝福纱雾荼梻

最新推荐文章于 2023-11-09 09:50:24 发布

阅读量885

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_41355260/article/details/102768639

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

需求：1.获取网页页面选中的文字

2.填充至指定文本框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jQuery-3.3.1.min.js"></script>
</head>
<body>
<div id="content" style="width:300px; margin:50px;">
    一半灰暗一半蔚蓝<br>
    云飞得好快<br>
    一个人瞧着窗外<br>
    移动在这漂浮城市<br>
    车往风里开
</div>
<select class="insert-position">
    <option>标题</option>
    <option>内容</option>
</select>
<input type="text" class="title" />
<input type="text" class="content" />
<script>
$(function () {
   $('#content').on("mouseup ",function(){
        //alert(selectText());
        //var str=document.execCommand("Copy");
       function setSelect() {
           var val,$item;
          switch ($(".insert-position").val()) {
              case("标题"):
                  $item=$(".title");
                  break;
              case ("内容"):
                  $item=$(".content");
                  break;
              default:
                  $item=$(".title");
          }
           val=$item.val()+selectText();
           $item.val(val);
       }
       setSelect();
    });

    function selectText(){
        if(document.Selection){
            //ie浏览器
            return document.selection.createRange().text;
        }else{
            //标准浏览器
            return window.getSelection().toString();
        }
    }
})

</script>

</body>
</html>

参考链接：

https://blog.csdn.net/w390058785/article/details/80336807

http://www.clipboardjs.cn/

https://www.cnblogs.com/kevinCoder/p/6144376.html

祝福纱雾荼梻

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq获取网页选中的文字

需求：1.获取网页页面选中的文字 2.填充至指定文本框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../jQuery-...
复制链接

扫一扫