网页复制类型
文章展示的网页,根据可复制性,我将其分成三类:
- 文字可复制:没有任何文字复制的限制
- 文字可复制但需要登录:选中文字后复制时,弹窗让你登录或付费的页面
- 文字不可复制:鼠标不能选中文字(一般是将文章画在canvas里面的,参考百度文库)
今天我们着重讲文字可复制但需要登录的类型,通过 Selection 对象来处理;
js代码
function getSelected() {
let selection = document.getSelection(); // 获取鼠标选择内容对象
if (selection.rangeCount > 0) {
let content = '';
for (let i = 0; i < selection.rangeCount; i += 1) { // 将选择内容拼接
content += selection.getRangeAt(i);
}
console.log(content); // 打印在控制台上
}
}
使用说明
1、打开可以鼠标选中文字,但是复制后弹出登录框或付费框的页面
2、右键点击页面,选择“检查”,调起控制台,并将代码贴入控制台
3、在页面上选择需要复制的文字后,控制台调用一下方法,即可打印选择内容
控制台的文字总是可以随便复制的了吧~