首页 技术JS正文

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

薄洪涛 JS 2018-10-19 1029 0 js插件clipboard

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


这里使用到一款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


版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论