<!doctype html> <html lang="en" > <head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> </head> <body id="pageArea" class="list"> <button type="button" id="copyText" data-clipboard-text="这是需要复制的文本" onclick="copyText();">复制文本</button> <script src="jquery.min.js"></script> <script src="clipboard.min.js"></script> <script> function copyText() { var clipboard = new Clipboard('#copyText'); clipboard.on('success', function(e) { alert("已复制到剪切板") console.info('Text:', e.text); e.clearSelection(); }); clipboard.on('error', function(e) { alert("复制失败"); }); } </script> </body> </html>

资源评论