1.原生js复制
使用document.excCommand('Copy')进行复制，有兼容性
代码：
<body>
<input type="text" id="copy">
<button onclick="copyContent()">复制</button>
<script>
function copyContent() {
var btn = document.getElementById('copy')
btn.select()
document.execCommand('Copy')
}
</script>
</body>
2.使用clipboard.js插件
简介：clipboard.js是一块将文本复制到粘贴板的JS插件，传送门
代码：
<body>
<input type="text" id="text">
<button class="btn" onclick="copyContent()">复制</button>
<script src="./clipboard.min.js"></script>
<script>
function copyContent() {
const clipboard = new Clipboard('.btn', {
target: () => {
return document.getElementById('text')
}
})
clipboard.on('success', res => {
console.log(res);
})
clipboard.on('error', err => {
console.log(err);
})
}
</script>
</body>
扫一扫
1786
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
