使用document.execCommand(‘copy’)方法实现复制功能
<input class="copyText" readonly="readonly" value="12343345t5">
<button>复制链接</button>
<script>
const button = document.querySelector('button')
button.addEventListener('click', function () {
document.querySelector('.copyText').select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
})
</script>
几个小坑注意:
1. input框不能有disabled属性
2. input的width || height 不能为0;
3. input框不能有hidden属性
若需求要隐藏,可以加两个属性
position: absolute;
opacity:0;