JS实现浏览器html中的“复制”操作(兼容大部分浏览器,亲测没问题)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>target-div</title>
</head>
<body>
<div id="text" οnclick="tapCopy()">uuuu</div>
<script>
function tapCopy() {
selectText('text');
document.execCommand('copy');
alert('复制成功');
}
//选中文本
function selectText(element) {
var text = document.getElementById(element);
//做下兼容
if (document.body.createTextRange) { //如果支持
var range = document.body.createTextRange(); //获取range
range.moveToElementText(text); //光标移上去
range.select(); //选择
} else if (window.getSelection) {
var selection = window.getSelection(); //获取selection
var range = document.createRange(); //创建range
range.selectNodeContents(text); //选择节点内容
selection.removeAllRanges(); //移除所有range
selection.addRange(range); //添加range
/*if(selection.setBaseAndExtent){
selection.setBaseAndExtent(text, 0, text, 1);
}*/
} else {
alert("复制失败");
}
}
</script>
</body>
</html>