如何使用JavaScript实现复制粘贴功能?

17 min read

你可以使用document.execCommand()方法来实现复制粘贴功能。

以下是一个使用JavaScript实现复制粘贴的示例:

<!DOCTYPE html>
<html>
<head>
	<title>复制粘贴示例</title>
</head>
<body>
	<input type="text" id="myInput" value="要复制的文本">

	<button onclick="copyText()">复制</button>
	<button onclick="pasteText()">粘贴</button>

	<script>
		// 复制文本
		function copyText() {
			var myInput = document.getElementById("myInput");
			myInput.select();
			document.execCommand("copy");
			alert("文本已复制到剪贴板");
		}

		// 粘贴文本
		function pasteText() {
			var myInput = document.getElementById("myInput");
			myInput.select();
			document.execCommand("paste");
			alert("文本已粘贴");
		}
	</script>
</body>
</html>

在这个示例中,我们创建了一个<input>元素来输入要复制的文本,并创建了两个按钮来执行复制和粘贴操作。

当用户点击复制按钮时,文本将被选中,并使用document.execCommand("copy")方法复制到剪贴板中。

当用户点击粘贴按钮时,我们使用document.execCommand("paste")方法从剪贴板中获取文本,并将其粘贴到<input>元素中。

请注意,这个方法可能不适用于所有浏览器,特别是在移动设备上。