clipboard.js的使用一一不需按钮,直接复制

    clipboard.js 是一个不需要flash,将文本复制到剪贴板的插件,直接上代码,直接放在项目中方可使用


<span class="btn" data-clipboard-text="恭喜你,文本内容复制成功 !!!">点我直接复制</span>

<--在线引用clipboard.js  和 jquery.js-->
<script src="https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script type="text/javascript">
    //实例化Clipboard对象并把复制按钮的类.btn传进去
        var clipboard = new Clipboard('.btn');
        clipboard.on('success', function(e) {
            console.info('Action:', e.action);
            console.info('Text:', e.text);
            console.info('Trigger:', e.trigger);
            e.clearSelection();
            alert('复制成功 !');
        });

        clipboard.on('error', function(e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
            alert('复制失败,请手动复制');
        });
</script>

猜你喜欢

转载自blog.csdn.net/qq_36746815/article/details/81335798