ZeroClipboard.js

1.ZeroClipboard.js需要点击两次才复制成功

var footer = $('<div class="modal-footer text-right "><button type="button" class="ub-btn ub-btn-default zclip">全部复制到剪切板</button> </div>')
var client = new ZeroClipboard($('.zclip',footer));

        $('.zclip',footer).click(function(){
            alert("出行人信息复制成功,随处粘贴可用!")
            client.setText(textarea.val());

        });
阅读 2.4k
2 个回答

1.重点:目录文件:这个底层是flash 所以保证swf文件与脚本在同级目录
2.data-clipboard-target="content"设置属性
3.本测试用的2.X

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <textarea id="content" rows="10" cols="40">这里是需要复制的内容</textarea>
<input id="copy" type="button" data-clipboard-target="content" value="复制">
<script type="text/javascript" src="js/jquery.js" ></script>
        <script src="js/ZeroClipboard/ZeroClipboard.min.js"></script>
        <script>
            /**
1、ZeroClipboard依赖于jquery,确保引入了jquery,并放在同一目录下。
2、ZeroClipboard.js   ZeroClipboard.min.js   ZeroClipboard.swf三个文件放在同一目录下。
3、上代码: */
            $(document).ready(function() {  
                var clip = new ZeroClipboard($("#copy"));  
                clip.on('error', function (event) {  
                    alert("复制失败,请手动复制。");  .
                });  
                clip.on('aftercopy', function (event) {  
                    alert("复制成功!");  +
                });  
              
            });  
        </script>
    </body>
</html>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题