JavaScript 实现复制功能

最新推荐文章于 2024-06-15 07:54:41 发布

不畏将来123

最新推荐文章于 2024-06-15 07:54:41 发布

阅读量796

点赞数

文章标签： javascript 复制

本文链接：https://blog.csdn.net/qq_34081024/article/details/83010381

版权

对于上图相信大家都不陌生，它就是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>

不畏将来123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 实现复制功能

对于上图相信大家都不陌生，它就是GitHub上的链接复制功能，今天我们就尝试来实现这个功能。下面是我的dmeo，在你的电脑新建一个HTML文件把这些代码复制过去即可运行演示。&lt;script&gt; function copy_order() { let order_id_number = document.getElementsByClassName("order...
复制链接

扫一扫