本文介绍了一种在网页中实现类似GitHub链接复制功能的方法。通过JavaScript创建临时输入框，将指定文本复制到剪贴板，然后移除输入框，实现一键复制功能。此方法适用于任何需要快速复制文本的场景。
对于上图相信大家都不陌生，它就是GitHub上的链接复制功能，今天我们就尝试来实现这个功能。
下面是我的dmeo，在你的电脑新建一个HTML文件把这些代码复制过去即可运行演示。
<script>
function copy_order() {
let order_id_number = document.getElementsByClassName("order_id_number")[0].innerText.trim();
let order_input = document.createElement('input');
order_input.value = order_id_number;
document.body.appendChild(order_input);
order_input.select();
document.execCommand("Copy");
order_input.style.display = 'none';
this.$toast('复制成功');
}
</script>
<style>
.copy_btn {
border: 1px solid #ededed;
padding: 1px 5px;
}
</style>
<body>
<span class="order_id_number">
12431231231
</span>
<span class="copy_btn" onclick="copy_order()">
复制
</span>
</body>
扫一扫
470
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
