• jquery实现复制到粘贴板


    项目中突然需要使用复制功能,在网上搜索了下看到了ZeroClipboard插件,好用,但是也有局限。用法如下:

    1、引用jquery、zclip.js、swf文件。demo地址:https://github.com/chaoli920029342/jquery_copy

    2、初始化

    <body>
    <input type="text" name="text" id="text" value="http://www.baidu.com" />
    <a href="javascript:void(0)" id="dynamic">复制</a>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#dynamic").zclip({
            path:'ZeroClipboard.swf',
            copy:$('#text').val(),
            beforeCopy:function(){
                //some code
            },
            afterCopy:function(){
                alert($("#text").val());
            }
        });
        //beforeCopy afterCopy 是可选项
    });
    </script>
    </body>

    注:

    1、需在服务器上运行 localhost

    2、js+swf实现,文件需要同时引入。 ZeroClipboard提供一个透明的flash,用于和剪切版交互,当点击页面上的“复制”按钮时,将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。 需保证该flash被正确加载即可。

    3、可兼容各大浏览器

  • 相关阅读:
    安装mysql
    工坊第十天
    工坊第九天
    友链qaq
    About me
    好耶
    [Ynoi2011]初始化
    [Ynoi2013]大学
    [Ynoi2015]盼君勿忘
    [Ynoi2019模拟赛]Yuno loves sqrt technology III
  • 原文地址:https://www.cnblogs.com/chaoli/p/6386333.html
Copyright © 2020-2023  润新知