在做前端页面时,难免会碰到这样的需求,通过点击按钮接把指定内容复制到粘贴板里,实现方法很多,这里介绍一种比较便捷的方法,此方法不依赖jquery框架,实现简单粗暴希望对大家有所帮助...
通过以下代码,点击按钮可直接把input或者textarea里的值复制到粘贴板里,此方法不依赖Jquery
框架,实现简单粗暴希望对大家有所帮助。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>优美主题设计</title> </head> <textarea id="text">这里是需要被复制的内容</textarea> <input type="button" onclick="copyText()" value="点击复制"></input> <script type="text/javascript"> function copyText(){ var e = document.getElementById("text"); e.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("内容复制成功!"); } </script> </body> </html>