js实现复制到剪切板搜罗到两种兼容性还不错的⽅式。
1、第⼀种,通过clipboard.js插件实现(推荐)
此插件封装了很多种使⽤⽅式很⽅便,具体demo,可以去GitHub上看,
2、第⼆种,纯js实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CopyDemo</title>
</head>
<body>
<div id=NewsToolBox></div>
<div id="text-content">
<p>测试p1</p>
<p>测试p2</p>
</div>
<button id="copy-text-btn">复制</button>
</body>
</html>
<script type="text/javascript">
// 复制全⽂
var ssrsss =ElementById("text-content").place(/\ +/g, ""); //获取⽂本并去掉空格var flag = copyText(ssrsss); //传递⽂本
js教程removechildalert(flag ? '复制成功' : '复制失败')
};
function copyText(text) {
var textarea = ateElement("textarea"); //创建input对象
var currentFocus = document.activeElement; //当前获得焦点的元素
var toolBoxwrap = ElementById('NewsToolBox'); //将⽂本框插⼊到NewsToolBox这个之后            toolBoxwrap.appendChild(textarea); //添加元素
textarea.value = text;
textarea.focus();
if (textarea.setSelectionRange) {
textarea.setSelectionRange(0, textarea.value.length); //获取光标起始位置到结束位置
} else {
textarea.select();
}
try {
var flag = Command("copy"); //执⾏复制
} catch (eo) {
var flag = false;
}
currentFocus.focus();
return flag;
}
</script>
上⾯两种⽅式兼容性都不错,亲测可⽤。