点击按钮复制链接代码实例
分类:实例代码
分享一段代码实例,点击能够复制文本框中的指定内容。
最常用的一个情况就是点击复制链接,比较便于链接的分享或者其他目的。
代码实例如下:
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script type="text/javascript"> function copyUrl() { var Url = document.getElementById("txt"); //选择对象 Url.select(); //执行浏览器复制命令 document.execCommand("Copy"); alert("已复制好,可贴粘。"); } window.onload = function () { var obt = document.getElementById("#bt"); obt.onclick = function () { copyUrl() } } </script> </head> <body> <textarea cols="20" rows="10" id="txt">www.pipipi.net</textarea> <input type="button" id="bt" value="点击复制" /> </body> </html>
上面的代码实现了我们的要求,document.execCommand()方法的拷贝功能能够兼容所有的标准浏览器。
点击按钮复制链接代码实例,这样的场景在实际项目中还是用的比较多的,关于点击按钮复制链接代码实例就介绍到这了。
点击按钮复制链接代码实例属于前端实例代码,有关更多实例代码大家可以查看。