JS实现PCAndroidIOS端的点击按钮复制内容功能
Posted 水狼一族
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS实现PCAndroidIOS端的点击按钮复制内容功能相关的知识,希望对你有一定的参考价值。
直接上代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>target-div</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <!-- 1. Define some markup --> <div>hello</div> <button class="btn" data-clipboard-action="copy" data-clipboard-target="div">Copy</button> <!-- 2. Include library --> <script src="../dist/clipboard.min.js"></script> <!-- 3. Instantiate clipboard --> <script> var clipboard = new ClipboardJS(\'.btn\'); clipboard.on(\'success\', function(e) { console.log(e); }); clipboard.on(\'error\', function(e) { console.log(e); }); </script> </body> </html>
demo:点击下载
以上是关于JS实现PCAndroidIOS端的点击按钮复制内容功能的主要内容,如果未能解决你的问题,请参考以下文章
js点击复制链接按钮复制超链接,不用按ctrl+c,怎么实现?