码农日记

薄洪涛的个人博客

js复制Dom节点内容到系统剪切板

需求:密码生成器,生成后比较长的密码串,点击复制按钮,实现复制到系统剪切板;


这里使用到一款js插件:可以实现一键复制 https://github.com/zenorocha/clipboard.js/

引入:

<script src="static/js/clipboard.min.js"></script>

定制按钮:

<p>
    <div id="random_password">这里放要复制的内容</div>
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#random_password" style="margin-left: 8px;">复制按钮</button>
</p>

js代码:

/*
 *  一键复制密码
 */
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
    console.log(e);
});
clipboard.on('error', function(e) {
    console.log(e);
});


点击按钮就可以实现text的复制了
之前的话做这个功能需要用flash,现在so easy


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-BlogPHP 1.7.3

版权所有 | 转载请标明出处