知乎页面的html代码,仿知乎当复制网页内容时在尾部加入版权信息代码

在国内转载别人的原创文章属于非常普遍的现象，但是一般都不会注明出处，曾记得知乎的效果是最棒的，在网上找了很久，终于找到了可以通过技术手段，添加代码来实现复制自动加版权信息的方法，虽然不能有效的解决问题，但会有一些帮助。

网上很多代码都是把版权加在了最前面，这样用户体验不好，终于寻得一个能加到尾部的，并且做了字数判断，少于80个字符的不加版权，超过80个字符的自动加版权。

原理

1. 监听 copy 事件

2. 使用 window.getSelection() 获取选中的文本

3. 使用 clipboardData.setData 操作剪贴板的内容$("body").bind('copy', function (e) {

if (typeof window.getSelection == "undefined") return; //IE8 or earlier...

var body_element = document.getElementsByTagName('body')[0];

var selection = window.getSelection();

//if the selection is short let's not annoy our users

if (("" + selection).length

//create a div outside of the visible area

//and fill it with the selected text

var newdiv = document.createElement('div');

newdiv.style.position = 'absolute';

newdiv.style.left = '-99999px';

body_element.appendChild(newdiv);

newdiv.appendChild(selection.getRangeAt(0).cloneContents());

//we need a

 tag workaround

//otherwise the text inside "pre" loses all the line breaks!

if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {

newdiv.innerHTML = "

" + newdiv.innerHTML + "

}

newdiv.innerHTML += "
来源：「蓝卡」链接:

+ document.location.href + "'>"

+ document.location.href + "

selection.selectAllChildren(newdiv);

window.setTimeout(function () { body_element.removeChild(newdiv); }, 200);

});

知乎页面的html代码,仿知乎当复制网页内容时在尾部加入版权信息代码相关推荐

android仿知乎按钮动效,Android仿知乎客户端关注和取消关注的按钮点击特效实现思路详解...
先说明一下,项目代码已上传至github,不想看长篇大论的也可以先去下代码,对照代码,哪里不懂点哪里. 代码在这https://github.com/zgzczzw/ZHFollowButton 前几 ...
知乎页面的html代码,Web前端
课程主题 HTML5基础.CSS3基础.切图.综合项目:小U课堂.HTML5进阶. CSS3进阶.综合项目:小U商城.综合项目:响应式布局实战项目 PC端项目:小U课堂静态页面布局. 移动端项目:小 ...
python爬取知乎页面的LaTeX公式
文章目录写在前面具体思路代码后记 2021.01.20更新 2022.4.10更新写在前面最近看到知乎有个大佬总结了一百多道不定积分的题目(网址请见知乎专栏:不定积分王者100题),看着有 ...
http请求502_从知乎页面的502说一说测试人员应该知道的HTTP协议状态码！
从3.22开始,知乎网站的运行就出问题,总是弹出502页面. 到3.23,竟然更大面积的出现502,甚至连手机APP的界面也是如此. 那么当这种情况出现的时候,站在用户的立场上?他们怎么能够知道这是怎 ...
从知乎页面的502说一说测试人员应该知道的HTTP协议状态码
从3.22开始,知乎网站的运行就出问题,总是弹出502页面. 到3.23,竟然更大面积的出现502,甚至连手机APP的界面也是如此. 那么当这种情况出现的时候,站在用户的立场上?他们怎么能够知道这是怎 ...
java 应用知乎_GitHub - liangsonghua/zhihu: JAVA仿知乎与redis应用
用户:admin/admin liangsonghua/liangsonghua 注册登陆: 拦截器: @Component public class PassportInterceptor impl ...
java类添加单元测试代码_如何在java中单元测试时跳过一段代码
如果问题确实是: 如何在Java 然后我给出的答案同意单元测试时,我跳过一段代码.依赖注入,嘲讽框架绝对是真正的单元测试的正确途径. 但是,如果问题是: 使用JUnit(或其他单元测试框架) 然后我想 ...
【Vue+Element UI】关闭指定某一个页面的loading动画
[Vue+Element UI]关闭指定某一个页面的loading动画模板:vue-admin-template v4.4.0 问题描述:由于vue-admin默认配置了全局loading,所以页面 ...
asp.net页面的AutoEventWireup=true属性设置
我们进行asp.net Web开发时,我们会习惯性的在后台的Page_Load()方法中通过IsPostBack属性的判断加载数据.那么,问题来了,你是如何知道页面加载的时候会执行Page_Load( ...

知乎页面的html代码,仿知乎当复制网页内容时在尾部加入版权信息代码

知乎页面的html代码,仿知乎当复制网页内容时在尾部加入版权信息代码相关推荐

最新文章

热门文章