Clipboard.js实现复制内容到剪切板

Posted 放飞梦想的翅膀

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Clipboard.js实现复制内容到剪切板相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
var clipboard1 = new Clipboard(‘.bt01‘);
clipboard1.on(‘success‘, function (e) {
alert("Copy Url Success!");
e.clearSelection();
});

</script>

<div class="mt5"><img src="../../Images/pdf1.png" class="inline-any"><input type="text" id="hid01" width="100px" value="@ViewBag.Url1" />                                                 
                <input type="button" value="Copy url" class="btn1 inline-any bt01" data-clipboard-action="copy"   data-clipboard-target="#hid01" /></div>

要先添加Clipboard.js的引用

以上是关于Clipboard.js实现复制内容到剪切板的主要内容,如果未能解决你的问题,请参考以下文章

clipboard.js实现复制到剪切板

点击复制内容到剪切板(clipboard)

clipboard.js-复制文本到粘贴板

js实现复制到剪切板

jquery复制值到剪切板(clipboard.js)

前端常用:复制到剪切板和下载