<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<span id="testDiv">
Hello World
</span>
<input type="text" id="testTea">
<button id="copyBtn">点击复制</button>
<script>
function copyFun(event) {
const range = document.createRange();
// 若想复制input 框里面的内容 将下面id换成testTea即可
range.selectNode(document.getElementById('testDiv'));
const selection = window.getSelection();
if(selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
alert("复制成功!");
}
document.getElementById('copyBtn').addEventListener('click', copyFun, false);
</script>
</body>
</html>
js复制功能
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 网上见到了好多处理方式, 尝试中发现很多都会有各种问题, 目前觉得比较简便的实现方式有两种: 1. 使用docum...