前端实现复制到粘贴板

最新推荐文章于 2024-06-21 09:22:03 发布

LB爱生活

最新推荐文章于 2024-06-21 09:22:03 发布

阅读量2.8k

点赞数 1

分类专栏： PHP 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_38388715/article/details/78874437

版权

PHP 专栏收录该内容

58 篇文章 0 订阅

订阅专栏

1.第一种方案
<p class="ci">关键词：<input type="text" id="ci" value="隐藏域也实现了，在下面，哈哈" style="border: none;outline:none;" size="1"/></p>

给个点击事件，来触发下面的jquery代码

var target=document.getElementById("ci");//对象是ci
            target.select();
            document.execCommand("Copy");
            //alert("复制成功!");
            location.href="https://www.apple.com/itunes/";

2.第二种方案先引入js文件

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Zero Clipboard Test</title>

    </head>
    <body>
    <script src="clipboard.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
        var clipboard = new Clipboard('.a', {
            // 点击copy按钮，直接通过text直接返回复印的内容
            text: function() {
                return $("#ci").val();
            }
        });

    </script>

    <input type="hidden" id="ci" value="nnann" />
    <br />
    <input type="button" class="a" value="复制" />
    </body>
</html>

LB爱生活

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端实现复制到粘贴板

关键词：给个点击事件，来触发下面的jquery代码var target=document.getElementById("ci");//对象是ci target.select(); document.execCommand("Copy"); //alert("复制成功!"); locat
复制链接

扫一扫

专栏目录