<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>demo</title>
</head>
<body>
<div>
<input id="copy" type="text" value="copy1122221" />
<button>点击复制</button>
</div>
<ul>
<li><input type="text" value="aaaaaa" /></li>
<li><input type="text" value="bbbbb" /></li>
<li><input type="text" value="cccccc" /></li>
</ul>
<script>
var els = {
copy: document.getElementById('copy'),
btn: document.querySelector('button'),
ul: document.querySelector('ul'),
li: document.querySelectorAll('li')
};
els.btn.onclick = function() {
myCopy(els.copy);
}
for (var i = 0, len = els.li.length; i < len; i++) {
els.li[i].onclick = function() {
var _this = this.querySelector('input');
myCopy(_this);
};
}
function myCopy(ele){
ele.focus();
ele.setSelectionRange(0, ele.value.length);
document.execCommand('copy', false, null);
}
</script>
</body>
</html>