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"     也可以直接提供要複制的值