avatar

一个简单方法的复制内容

复制黏贴

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> 页面名称 </title>
</head>
<body>
<p>点击复制后在右边textarea CTRL+V看一下</p>
<input type="button" id="btn" value="复制"/>
<textarea rows="4"></textarea>
<script type="text/javascript">
function copyText(text) {
var textarea = document.createElement("textarea");
var currentFocus = document.activeElement;
document.body.appendChild(textarea);
textarea.value = text;
textarea.focus();
if (textarea.setSelectionRange)
textarea.setSelectionRange(0, textarea.value.length);
else
textarea.select();
try {
var flag = document.execCommand("copy");
} catch(eo){
var flag = false;
}
document.body.removeChild(textarea);
currentFocus.focus();
return flag;
}

document.getElementById('btn').onclick = function(){
var a='这里是需要复制的内容';
var flag = copyText(a);//这个必须在DOM对象的事件线程中执行
alert(flag ? "复制成功!" : "复制失败!");
};

文章作者: 张复明
文章鏈接: https://hexo.zhangaming.com/2020/07/03/jscopy/
版權聲明: 本博客所有文章除特別聲明外,均採用 CC BY-NC-SA 4.0 許可協議。轉載請註明來自 阿明的博客
打賞
  • 微信
    微信
  • 支付寶
    支付寶

評論