jq 点击复制div里面的内容 如果粘贴到富文本中,会将样式,里面所有的标签,文字一并粘贴进去

复制代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>点击复制功能</title>
</head>
<script src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
    <style>
        .popup__bottom__text{
            margin-bottom: 10px;
        }
    </style>
<body>
    <div class="popup__bottom__text">
        <a  id="text_1" style="font-size:12px; color:#0066cc;" href="/ueditor/php/upload/file/20181016/1539677909627575.png" title="1539677909627575.png">bbbb.png</a>
        <a href="javascript:(0)" onclick="tapCopy('text_1')">点我复制</a>
    </div>
    <div class="popup__bottom__text">
        <a  id="text_2" style="font-size:12px; color:#0066cc;" href="/ueditor/php/upload/file/20181016/1539677909627575.png" title="1539677909627575.png">aaaa.png</a>
        <a href="javascript:(0)" onclick="tapCopy('text_2')">点我复制</a>
    </div>
    
</body>
</html>
<script>
    //复制文本
    function tapCopy($id) {
     //var $id = $(dom).prev().attr('data_id'); selectText($id); document.execCommand(
'copy'); alert('复制成功'); } //选中文本 function selectText(element) { var text = document.getElementById(element); //做下兼容 if (document.body.createTextRange) { //如果支持 var range = document.body.createTextRange(); //获取range range.moveToElementText(text); //光标移上去 range.select(); //选择 } else if (window.getSelection) { var selection = window.getSelection(); //获取selection var range = document.createRange(); //创建range range.selectNodeContents(text); //选择节点内容 selection.removeAllRanges(); //移除所有range selection.addRange(range); //添加range /*if(selection.setBaseAndExtent){ selection.setBaseAndExtent(text, 0, text, 1); }*/ } else { alert("复制失败"); } } </script>
复制代码

 

posted @   遇事稳坐钓鱼台  阅读(3870)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
历史上的今天:
2017-10-17 juqery 点击谁获取他的值,赋给input标签
点击右上角即可分享
微信分享提示