ZeroClipboard.js

发布于 2022-09-06 03:11:45 字数 430 浏览 16 评论 0

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());

        });

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

第七度阳光i 2022-09-13 03:11:45

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>

回复收藏 0