美文网首页
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