实现复制到剪贴板功能
实现代码复制功能很简单，使用内置方法execCommand就可以，它可以传入的参数包括 ‘cut’, ‘copy’ 和 ‘paste’ 。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<textarea name="" id="text" cols="30" rows="10"></textarea>
<button data-copyrange="#text">点击</button>
<script>
(function(window){
"use strict";
document.addEventListener("click",copy,false);
function copy(e){
var target = e.target;
if(target.dataset.copyrange){
var t = document.querySelector(target.dataset.copyrange);
try{
t.select();
document.execCommand("copy");
t.blur();
}catch(e){
alert("复制请按下Ctrl/Cmd+C");
}
}
}
})(window);
</script>
</body>
</html>
如果需要范围选中之类的可以了解createRange、selectNode、getSelection等。
