JS复制功能 Clipboard

it2026-03-16  0

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

最新回复(0)