用JS实现点击按钮复制连接的效果，这个在分享页面的时候会用到，如何弄呢，一起看下代码吧。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击复制链接 - Web前端之家</title>
</head>
<body>
<input type="text" size="30" id="url" value="https://jiangweishan.com/">
<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>这里只是一个简单的DEMO，根据项目需求可以优化下。
网友评论文明上网理性发言 已有0人参与
发表评论: