前端实现复制到粘贴板

来源：互联网发布：linux socket bind 编辑：程序博客网时间：2024/05/17 13:10

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>

阅读全文

0 0