资讯专栏INFORMATION COLUMN

html中复制指定内容到剪切板

davidac / 3337人阅读

摘要:复制的方法要复制的内容,回调调用复制链接到剪贴板复制成功复制成功

    // 复制的方法
    function copyText(text, callback){ // text: 要复制的内容, callback: 回调
        var tag = document.createElement("input");
        tag.setAttribute("id", "cp_hgz_input");
        tag.value = text;
        document.getElementsByTagName("body")[0].appendChild(tag);
        document.getElementById("cp_hgz_input").select();
        document.execCommand("copy");
        document.getElementById("cp_hgz_input").remove();
        if(callback) {callback(text)}
    }
    
    调用
        /* 复制链接到剪贴板 */
    function copy() {
        copyText( window.location.href, function (){
           alert("复制成功");
           console.log("复制成功")
        }
        )
    }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106658.html

相关文章

  • [译] 复制文本剪切的clipboard.js使用方法

    摘要:为什么复制文本到剪贴板应该不难。在内部我们需要获取所有匹配的元素选择器并且为它们每一个添加上事件侦听器。因为这个原因我们使用事件代理通过一个侦听器取代了多个事件监听器。从另一个元素复制文本常见的用例是复制另一个元素的内容。 工作中需要使用到的一个复制插件,使用简单兼容性还行,因为没找到中文版介绍就自己翻译一下,水平有限,不一定全按文章走,如果有问题欢迎指正!!为了更加直观的展示用法,略...

    itvincent 评论0 收藏0
  • 成功破解Python领域的世界未解之谜后,轻松完成UI自动化控制微信发送文件

    摘要:前面我在自动化控制版微信该系列文中更新了控制微信发送图片的方法。根据部分群友实际工作的需要,本文将分享如何控制微信发送文件。接下来我将破解这个领域的世界未解之谜,弥补无人完成这个功能的缺陷。 ...

    jayce 评论0 收藏0
  • js获取剪切内容,js控制图片粘贴。

    摘要:在用户执行粘贴操作的时候,能够获得剪切板的内容,本文讨论一下这个问题。目前只有支持获取剪切板中的图片数据。这么多的判断条件,基本可以确定通过剪切板过来的是粘贴的文件。 在用户执行粘贴操作的时候,js能够获得剪切板的内容,本文讨论一下这个问题。 目前只有Chrome支持获取剪切板中的图片数据。还好需要这个功能的产品目前只支持Chrome和Safari,一些Chrome的新特性是可以尽情使...

    KaltZK 评论0 收藏0
  • 前端er怎样操作剪切复制以及禁止复制+破解等

    摘要:取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

    mikasa 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<