javascript浏览器标签复制网页元素的文本

zjg121 · 发表于 2024-7-8 13:34

[HTML] 纯文本查看 复制代码

javascript:
  var copyText = document.getElementById("copyText");  
  var textToCopy = copyText.innerText;  
  navigator.clipboard.writeText(textToCopy)

利用上面代码制作网页标签，把里面的网页元素ID（copyText）修改为你的网页元素ID。
第一行：根据ID获取网页元素；
第二行：获取网页元素的文本；
第三行：把网页元素的文本复制到系统剪贴板。

打开你的word文档，就可以把网页内容粘贴到文档中了。

优点：
1省去了拉框选中的复杂操作；
2对某些不让复制文本的网页也能复制了。

ccshm1977 · 发表于 2024-7-8 13:56

虽然不太会使用，但是还是给楼主一个好评！1

uzcool · 发表于 2024-7-8 14:03

在控制台里好像会没权限写入复制..我在书签里压缩成一句就可以..

lmos1000 · 发表于 2024-7-8 14:58

浏览器read:模式不是更方便么

zibingo · 发表于 2024-7-8 15:38

是在控制台里输入吧？

CuteCabbage · 发表于 2024-7-8 15:53

是不是可以直接把监听事件删了

冰茶荼 · 发表于 2024-7-8 17:11

这个兼容性不好还是用封装好的ClipBoard.js吧

HappyCrazy · 发表于 2024-7-8 17:35

本帖最后由 HappyCrazy 于 2024-7-8 17:37 编辑

都到控制台了，还不如直接把元素点开复制。

或者对于某些不让复制的，把要复制的数据加载完，关闭js，就可以正常复制了

Natu · 发表于 2024-7-8 17:46

不明觉厉，我是JS新人，怎么操作啊？

magiclyan · 发表于 2024-7-8 18:05

没什么效果，无论是Edge的还其它浏览器下的console均显示错误
反倒不如这种的简单：

[Asm] 纯文本查看 复制代码

let links = "";Array.from(document.getElementById('conttpc').getElementsByTagName("img")).forEach((v,i,a)=>{links+=(v.src + '\r\n\t')});copy(links);

帐号		自动登录	找回密码
密码			注册[Register]

[学习记录] javascript浏览器标签复制网页元素的文本