js 抓取网页内容(window.getSelection.execCommand教程 )

优采云 发布时间: 2021-10-21 13:09

  js 抓取网页内容(window.getSelection.execCommand教程

)

  如果只是简单的获取页面上复制的内容,可以使用window.getSelection()获取选中的内容,只需执行复制操作,但是如果要修改复制的内容,可以先获取要复制的内容复制然后使用文档 .execCommand("copy") 事件(document.execCommand 方法允许运行命令来操作可编辑区域的元素)。

  获取复制的内容

  配合copy事件获取

  获取的内容是一个 Selection 对象。如果要将所选内容转换为字符串,可以连接一个空字符串 ("") 或使用该方法。

  document.addEventListener('copy', function() {

var content = window.getSelection().toString();

console.log(content )

})

  通过键盘事件获取

  document.addEventListener('keyup', function(e) {

if(e.ctrlKey && e.keyCode == "67") {

var content = window.getSelection().toString();

alert(content)

}

})

  获取复制的内容并修改

  text

var btn=document.querySelector(".btn");

btn.onclick=function(){

var text=document.getElementById("text");

text.value+='我是已经复制的文本';//给复制的内容添加一段文字

text.select(); //选中复制的内容

document.execCommand("copy");//执行浏览器复制命令

alert("已复制好,可贴粘。");

}

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线