js 实现复制内容到剪贴板

可用方案

1. Zero Clipboard作为一个独立的js库，它利用 Flash 进行复制
2. Clipboard.js：不用Flash实现剪贴板功能的轻量级JavaScript库
3. jQuery ZeroClipboard是在ZeroClipboard的基础上进行的改良，简称zClip，作为jQuery的API，jQuery ZeroClipboard也表现的非常简易操作，

zClip Demo

<script type="text/javascript" src="/resources/admin/js/jquery.js"></script>
<script type="text/javascript" src="/resources/admin/js/jquery.zclip.min.js"></script>

$(function() {
    $(".copy").zclip({
        path: "/resources/admin/js/ZeroClipboard.swf",
        copy: function() {
return $(this).attr("data-url");
        },
        afterCopy: function() {
            alert("复制成功");
        }
    });
});

<td>
<div style="position:relative;display:inline-block;">   <!-- ***** 解决点击复制无响应的问题 -->
<a class="copy" data-url="www.xxx.com" href="javascript:void(0);">复制</a>
<span class="J_PageUrlShow">www.xxx.com</span>
</div>
</td>

参考

ZeroClipboard
clipboad
Clipboard.js：不用Flash实现剪贴板功能的轻量级JavaScript库
js实现复制到剪贴板功能，兼容所有浏览器
解决jquery zclip 插件点击无效的问题
浏览器的复制到剪切板功能，兼容所有浏览器，悬浮层不能复制问题解决