js 抓取网页内容(window.getSelection.execCommand教程 )
优采云 发布时间: 2021-10-21 13:09js 抓取网页内容(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("已复制好,可贴粘。");
}