如何只复制网页中指定行内容？
<!DOCTYPE html>
<html>
<head>
<title>只复制网页中指定行内容</title>
</head>
<body>
<div id="copy-content">
<p data-copy='这是第一行内容'>这是第一行内容</p>
<p data-copy='这是第二行内容'>这是第二行内容</p>
<p data-copy='这是第三行内容'>这是第三行内容</p>
</div>
<script>
let copyContent = document.getElementById('copy-content');
copyContent.onclick = function (event) {
let target = event.target;
if (target.dataset.copy) {
let range = document.createRange();
range.selectNode(target);
window.getSelection().addRange(range);
document.execCommand("Copy");
alert("复制成功");
}
}
</script>
</body>
</html>
<p>点击第二行会复制到其他内容内容：</p>
<p>这是因为在点击第二行时，整个div被选中了，而在执行document.execCommand("Copy");时，会将整个div的内容复制到剪贴板中。为了只复制当前点击的行，可以修改代码如下：</p>
<p>这里我们给每个p标签添加了一个自定义属性data-copy，用来存储需要复制的内容。在点击时，判断是否有data-copy属性，如果有则只复制对应的内容。</p>
原文地址: https://www.cveoy.top/t/topic/lIF6 著作权归作者所有。请勿转载和采集!