1、通过clipboard.js,这里就不详细讲述。详情看这里点击打开链接
2、原生方法:document.execCommand();贴个demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- <input id="input" value="hello world"> -->
<button id="btn">点我复制</button>
<!-- <script>
const btn = document.querySelector('#btn');
btn.addEventListener('click', () => {
const input = document.querySelector('#input');
input.select();
if(document.execCommand('copy')) {
document.execCommand('copy');
console.log('复制成功');
}
})
</script> -->
<script>
const btn = document.querySelector('#btn')
btn.addEventListener('click', () => {
const input = document.createElement('input')
document.body.appendChild(input)
input.setAttribute('value', '复制我')
input.setAttribute('readonly','true')
input.focus();
// input.select();
input.setSelectionRange(0, 9999);
if(document.execCommand('copy')) {
document.execCommand('copy')
console.log('复制成功')
}
document.body.removeChild(input)
})
</script>
</body>
</html>