美文网首页
ClipboardJS实现点击复制功能

ClipboardJS实现点击复制功能

作者: 三人_ | 来源:发表于2018-06-06 15:46 被阅读0次

<script src="https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.js"></script>

html

<input type="text" id="#text" value="454544564"/>

<button class="btn" data-clipboard-target="#num">copy</button>

js

var clipboard = new ClipboardJS('.btn');

        clipboard.on('success', function(e) {// 复制成功

            e.clearSelection();

        });

        clipboard.on('error', function(e) {// 复制失败

            console.error('Action:', e.action);

            console.error('Trigger:', e.trigger);

        });

相关文章

网友评论

      本文标题:ClipboardJS实现点击复制功能

      本文链接:https://www.haomeiwen.com/subject/ensrsftx.html