JS简单实现点击复制链接的方法
作者:Quber
这篇文章主要介绍了JS简单实现点击复制链接的方法,提供了2种简单的复制链接操作方法供大家选择使用,需要的朋友可以参考下
本文实例讲述了JS简单实现复制链接的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>点击复制链接</title> </head> <body> <input type="text" size="30" id="url" value="https://www.jb51.net/"> <input type="button" value="复制链接1" onClick="copyUrl()"> <script type="text/javascript"> function copyUrl(){ var url = document.getElementById("url").value; window.clipboardData.setData("Text",url); alert("复制链接成功!"); } </script> <input type="button" value="复制链接2" onClick="url.select();document.execCommand('Copy')"> <br/><br/> 脚本之家提供两种简单复制链接的方法,相信总有一款适合您~O(∩_∩)O~ </body> </html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。