javascript 点击复制文本 苹果可用 可粘贴任何地方

470 阅读1分钟
<!DOCTYPE html>
<html lang="en" dir="ltr">

	<head>
		<meta charset="utf-8">
		<title>javascript 点击复制 苹果可用 可粘贴任何地方 demo</title>
	</head>
	<body>
		<p id="codeNum">FTYHDSDW</p>
		<span class=" code-btn" id="codeBtn" data-clipboard-target="#input">复制</span>
		<script type="text/javascript">
			function copyArticle(event) {
				const range = document.createRange();
				range.selectNode(document.getElementById('codeNum'));
				const selection = window.getSelection();
				if (selection.rangeCount > 0) selection.removeAllRanges();
				selection.addRange(range);
				document.execCommand('copy');
				alert("复制成功!");
			}
			document.getElementById('codeBtn').addEventListener('click', copyArticle, false);
		</script>

	</body>

</html>