1. 程式人生 > >JavaScript 實現複製功能

JavaScript 實現複製功能


<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>