2021年06月05日 19:48 78 举报
给网站添加一个兼容性较强的复制功能附带源码+ 分享我的经验
不少网站都带有点击按钮或文字即可复制一段内容的功能,添加下面这段代码可以让你的网站也能做到点击即可复制内容的功能
<button class="copyBtn">点我复制内容</button>

<script type="text/javascript">
$(function(){
    $('.copyBtn').click(function(){
        var copyTxt = '要复制的内容';
        const input = document.createElement('input');
        input.setAttribute('readonly', 'readonly');
        input.setAttribute('value', copyTxt);
        document.body.appendChild(input);
        input.select();
        input.setSelectionRange(0, 9999);
        if (document.execCommand('copy')) {
            document.execCommand('copy');
            alert('复制成功');
        }
        document.body.removeChild(input);
    });
});
</script>

要复制的内容可以使用动态获取的方式做,也可以提前设置到某个区块内

如果您觉得内容不错 那就联系作者( 站长 )投稿到您的网站吧
本文链接:https://www.zhanzhangshequ.com/75.html [ 点击复制 ] 喜欢(0) 收藏(0)
您需要 [ 登录 ] 后方可进行评论或回复
    很明显 沙发是空的 您看着办吧~
最新签到
时间 13:35:43签到 5次
时间 11:44:44签到 5次
时间 09:38:08签到 2次
时间 17:42:09签到 10次
时间 22:21:46签到 10次
时间 22:55:00签到 3次
时间 11:51:11签到 5次
时间 09:37:05签到 10次
最新来访
来访 237次 引流 13次
备案号皖ICP备13016897号-16
京公网安备34060002040025号
©2020-2021 BY 站长主题