失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 点击按钮复制文本框中的内容

点击按钮复制文本框中的内容

时间:2022-05-01 14:58:52

相关推荐

点击按钮复制文本框中的内容

下面是自己整理的简单例子

<!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 type="text/javascript">

function jsCopy(){

var e=document.getElementById("copy-num");//对象是copy-num1

e.select(); //选择对象

document.execCommand("Copy"); //执行浏览器复制命令

alert("复制成功");

}

</script>

<div class="nav navbar-top-links navbar-right">

<li>推广链接:</li>

<li><input id="copy-num" class="form-control" type="text" value="xiaomingwang hello liu shuyu" 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>

转载地址:/zzh_meng520/article/details/79154047

如果觉得《点击按钮复制文本框中的内容》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。