美文网首页
复制文本到剪切板

复制文本到剪切板

作者: liuwan | 来源:发表于2017-05-23 12:42 被阅读0次

    需要三个文件,先引入jquery和jquery.zclip

    <script src="jquery.zclip/jquery.js"></script>
    <script src="jquery.zclip/jquery.zclip.js"></script>
    

    注意 ZeroClipboard.swf 文件的路径

    <input id="phone_number" value="1234asdgfdfsa">
    
    <script type="text/javascript">
        
        $("#phone_number").zclip({
            path: "jquery.zclip/ZeroClipboard.swf",
            copy: function ()
            {
                return $(this).val();
            },
            beforeCopy: function ()
            {/* 按住鼠标时的操作 */
                $(this).css("color", "orange");
            },
            afterCopy: function ()
            {/* 复制成功后的操作 */
                var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
                $("body").find(".copy-tips").remove().end().append($copysuc);
                $(".copy-tips").fadeOut(3000);
            }
        });
    </script>
    

    相关文章

      网友评论

          本文标题:复制文本到剪切板

          本文链接:https://www.haomeiwen.com/subject/jtgwxxtx.html