js实现点击复制按钮复制文本

最新推荐文章于 2024-03-13 10:53:36 发布

未闻花名_zh

最新推荐文章于 2024-03-13 10:53:36 发布

阅读量9k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Document</title>
</head>
<body>
<script data-cfhash='f9e31' type="text/javascript">
function jsCopy(){
var e=document.getElementById("copy-num");//对象是copy-num1
e.select(); //选择对象
document.execCommand("Copy"); //执行浏览器复制命令
alert("复制成功");
}
/* <![CDATA[ */
!
function() {
try {
var t = "currentScript" in document ? document.currentScript: function() {
for (var t = document.getElementsByTagName("script"), e = t.length; e--;) if (t[e].getAttribute("data-cfhash")) return t[e]
} ();
if (t && t.previousSibling) {
var e, r, n, i, c = t.previousSibling,
a = c.getAttribute("data-cfemail");
if (a) {
for (e = "", r = parseInt(a.substr(0, 2), 16), n = 2; a.length - n; n += 2) i = parseInt(a.substr(n, 2), 16) ^ r,
e += String.fromCharCode(i);
e = document.createTextNode(e),
c.parentNode.replaceChild(e, c)
}
t.parentNode.removeChild(t);
}
} catch(u) {}
} ()
/* ]]> */
</script>
<div class="nav navbar-top-links navbar-right">
<li>推广链接：</li>
<li><input id="copy-num" class="form-control" type="text" value="" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
</div>
</body>
</html>

eg2.

<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zero Clipboard Test</title>
</script>
</head>
<body>
<script type="text/javascript">
function jsCopy(){
var e=document.getElementById("contents");//对象是contents
e.select(); //选择对象
tag=document.execCommand("Copy"); //执行浏览器复制命令
if(tag){
alert('复制内容成功');
}
}
</script>
<textarea id="contents" cols="40" rows="5"></textarea>
<br />
<input type="button" onClick="jsCopy();" value="复制" />
</body>
</html>

未闻花名_zh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js实现点击复制按钮复制文本

> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1"> title>Documenttitle> head> body> script data-c
复制链接

扫一扫

专栏目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。