JS复制功能 Clipboard

                                                    Clipboard

http://www.clipboardjs.cn/

<label id="Address">@ViewBag.Address</label>
<a class="copyspan" data-clipboard-action="copy" data-clipboard-target="#Address">
        <span class="label label-info" style="float:right;">复制</span>
</a>

<script type="text/javascript">
    var clipboard = new ClipboardJS('.copyspan');
    clipboard.on('success', function (e) {
        e.clearSelection();
        alert("复制成功，去粘贴试试吧！");
        //可执行其他代码操作
    });
    clipboard.on('error', function (e) {
        alert("复制失败！请手动复制")
    });
</script>

当脚本执行过后，便已注册完成，再执行脚本会导致执行重复。

data-clipboard-action="copy"；    复制

data-clipboard-action="cut"；     剪切

data-clipboard-target=".abc"      //这个对象可以是 #id，也可以类选择器  .class ，也可以是元素等等

data-clipboard-text="123456"     也可以直接提供要复制的值