如何通过js选中页面某块区域并复制内容
在 JavaScript 中,可以通过以下步骤选中页面某块区域并复制其内容:
实现步骤
- 创建选区(Selection & Range)
使用Range
和Selection
API 定义要复制的区域。 - 执行复制操作
通过Clipboard API
或document.execCommand
将选区内容写入剪贴板。
完整代码示例
<!DOCTYPE html>
<html>
<body>
<!-- 目标区域 -->
<div id="target-area">
这是要复制的文本内容
<p>带格式的 HTML 内容</p>
</div>
<!-- 触发按钮 -->
<button onclick="copyAreaContent()">点击复制区域内容</button>