网页内容复制按钮添加方法 - 如何轻松复制网页文本 - 常规

如何在网页中添加一个按钮，让用户点击后能够轻松复制指定内容呢？

您可以通过以下代码实现：

<!DOCTYPE html>
<html>
<head>
	<title>复制粘贴内容</title>
</head>
<body>
	<div id='copy-content'>
		<p>这是第一行内容</p>
		<p>这是第二行内容</p>
		<p>这是第三行内容</p>
	</div>
	<button id='copy-btn'>复制内容</button>
	<script>
		let copyContent = document.getElementById('copy-content');
		let copyBtn = document.getElementById('copy-btn');
		copyBtn.onclick = function () {
			let range = document.createRange();
			range.selectNode(copyContent);
			window.getSelection().addRange(range);
			document.execCommand('Copy');
			alert('复制成功');
		}
	</script>
</body>
</html>

在这个例子中，我们首先定义了一个 `div` 元素，包含了需要复制的内容。然后添加了一个按钮，并在 JavaScript 代码中获取了按钮和 `div` 元素的引用。当用户点击按钮时，我们使用 `document.execCommand('Copy')` 命令复制了 `div` 元素的内容，并提示用户复制成功。

通过以上方法，您可以轻松地为网页添加复制按钮，方便用户快速复制网页内容。