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

最新推荐文章于 2024-08-17 11:48:52 发布

瑤11

最新推荐文章于 2024-08-17 11:48:52 发布

阅读量2k

点赞数

分类专栏：小工具文章标签：点击复制

原文链接：http://www.cmylw.cn/news/667.html

版权

小工具专栏收录该内容

6 篇文章 0 订阅

订阅专栏

亲测有效

效果图

点击前

点击后

demo如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js复制</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
function copyText() {
var text = document.getElementById("text").innerText;
var input = document.getElementById("input");
input.value = text; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
alert("复制成功");
}
</script>
</head>
<body>
<div>
<p id="text">我把你当兄弟你却想着复制我？</p>
<textarea id="input">这是幕后黑手</textarea>
<button οnclick="copyText()">copy</button>
</div>
</body>
</html>