1. 在开发当中,会经常遇到一键复制功能的需求,比如微信网页端,需要复制一些口令等,下面是我的实现方法,可以实现点击按钮后,将页面的内容实现一键复制
2. 代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js实现页面内容一键复制功能</title>
</head>
<body>
<textarea name="text" id="content" readonly="readonly">需要复制的内容</textarea>
<button onclick="copy()">一键复制</button>
</body>
<script>
function copy() {
var ele = document.getElementById("content");
ele.focus();
ele.setSelectionRange(0, ele.value.length);
if(document.execCommand('copy', false, null)) {
alert("复制成功");
} else {
alert("复制失败");
}
}
</script>
</html>