`

JS 仿知乎复制文章末尾自动添加字符串

阅读更多

当别人复制你的文章内容时,会在文章末尾自动添加一串字符。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.10.1.min.js"></script>
</head>
<body>
<h3>车舝</h3>
<p>间关车之舝兮,思娈季女逝兮。匪饥匪渴,德音来括。虽无好友?式燕且喜。</p>
<p>依彼平林,有集维鷮。辰彼硕女,令德来教。式燕且誉,好尔无射。</p>
<p>虽无旨酒?式饮庶几。虽无嘉肴?式食庶几。虽无德与女?式歌且舞?</p>
<p>陟彼高冈,析其柞薪。析其柞薪,其叶湑兮。鲜我觏尔,我心写兮。</p>
<p>高山仰止,景行行止。四牡騑騑,六辔如琴。觏尔新婚,以慰我心。</p>
<script>
$("body").bind('copy', function (e) {
	if (typeof window.getSelection == "undefined") return; //IE8 及更老的版本不兼容
	
	var body_element = document.getElementsByTagName('body')[0];
	var selection = window.getSelection();
	
	//如果选择是短的内容,让我们不要打扰我们的用户
	if (("" + selection).length < 30) return;

	//创建一个DIV的可见区域之外
	//并填写选定的文本
	var newdiv = document.createElement('div');
	newdiv.style.position = 'absolute';
	newdiv.style.left = '-99999px';
	body_element.appendChild(newdiv);
	newdiv.appendChild(selection.getRangeAt(0).cloneContents());
	
	//我们需要<pre>标签解决方案
	//其他的文本在<pre>失去了所有的行符!
	if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") {
		newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
	}
	
	newdiv.innerHTML += "<br /><br />文章来自: 网站名称(http://www.onestopweb.cn)  详文参考:<a href='"
	+ document.location.href + "'>"
	+ document.location.href + "</a>";
			
	selection.selectAllChildren(newdiv);
	window.setTimeout(function () { body_element.removeChild(newdiv); }, 200);
});
</script>
</body>
</html>

 

PS:兼容IE9+,火狐,谷歌,欧朋。

 

效果图:

 

 

 

 

 

  • 大小: 52.5 KB
2
0
分享到:
评论

相关推荐

    Android代码-仿知乎日报App

    高仿知乎日报 APK下载 百度网盘 或 CSDN 教程 高仿知乎日报(一) 高仿知乎日报(二) 高仿知乎日报(三) 高仿知乎日报(四) 高仿知乎日报(五) 高仿知乎日报(六) 知乎日报API 知乎日报API 来自izzyleung,在此表示感谢 已...

    微信小程序——仿知乎(截图+源码).zip

    微信小程序——仿知乎(截图+源码).zip 微信小程序——仿知乎(截图+源码).zip 微信小程序——仿知乎(截图+源码).zip 微信小程序——仿知乎(截图+源码).zip 微信小程序——仿知乎(截图+源码).zip 微信小程序...

    运营版仿知乎问答社区响应式源码带打赏功能.zip

     仿知乎问答社区响应式源码带打赏功能,支持文章、话题、第三方登录、文章和问题打赏,作者打赏,回答者打赏,设置好可以在线充值等!后台功能非常强大,亲测,非常完整好用! 本站长亲自搭建运营  知乎更像一个论坛...

    仿知乎登陆界面邮箱自动补全

    总之,“仿知乎登陆界面邮箱自动补全”是一个涉及前端交互设计、数据处理和用户界面优化等多个方面的功能。实现这一功能需要综合运用多种编程技术和设计原则,以提供流畅、安全且用户体验优良的登录过程。

    仿知乎前端页面

    【标题】"仿知乎前端页面"的实现是一个前端开发项目,旨在模仿知名问答社区知乎的用户界面和交互体验。这个项目涵盖了多个关键的技术领域,包括前端框架和后端服务的集成,以及网页的布局和功能设计。 【描述】中...

    Vue3.0+TS 仿知乎

    仿知乎每天更新好文章,包括权威的时事解读、有趣的生活建议  更符合用户口味的「主题日报」,覆盖电影、财经、设计、体育等领域  长评优先展示  离线下载功能,及时缓存近期的 30 篇文章

    仿知乎material design

    【标题】"仿知乎material design" 是一个基于Material Design设计规范开发的应用程序,它旨在模仿知名问答社区知乎的用户界面和交互体验。Material Design是谷歌推出的一种设计语言,旨在提供一致、直观且富有表现力...

    仿知乎的微信小程序源代码分享

    仿知乎的微信小程序源代码分享仿知乎的微信小程序源代码分享仿知乎的微信小程序源代码分享仿知乎的微信小程序源代码分享仿知乎的微信小程序源代码分享仿知乎的微信小程序源代码分享仿知乎的微信小程序源代码分享仿...

    微信小程序——[新闻资讯类]仿知乎(截图+源码).zip

    微信小程序——[新闻资讯类]仿知乎(截图+源码).zip 微信小程序——[新闻资讯类]仿知乎(截图+源码).zip 微信小程序——[新闻资讯类]仿知乎(截图+源码).zip 微信小程序——[新闻资讯类]仿知乎(截图+源码).zip ...

    仿知乎界面源码

    【标题】"仿知乎界面源码"所涉及的知识点主要集中在Android UI开发上,这是一个针对移动设备用户界面设计的项目。通常,这类源码是为了帮助开发者理解和学习如何在Android平台上构建类似知名应用(如知乎)的用户...

    ThinkPhp框架仿知乎问答社区响应式源码.zip

    ThinkPhp框架仿知乎问答社区响应式源码 程序测试: 运行环境:PHP56+MYSQL5.5+伪静态 程序测试 上传到网站根目录   2、用phpMyadmin导入数据库文件youyacao.sql   3、修改数据库链接文件/system...

    使用vue全家桶做的高仿知乎日报

    Vue.js 是一个轻量级但功能强大的前端JavaScript框架,它以其易用性、组件化和高性能赢得了开发者们的喜爱。"Vue.js全家桶"指的是使用Vue.js核心库及其配套的工具和服务,包括Vuex状态管理、Vue Router路由管理和...

    Android仿知乎分享

    使用 BottomSheetDialog 实现仿知乎分享控件,实现符合要求的自定义控件,详细讲解请看文章讲解:https://blog.csdn.net/lou_liang/article/details/82870831

    仿知乎互动隐藏与显示

    "仿知乎互动隐藏与显示"这一主题主要涉及到Android平台上应用的界面设计,特别是如何实现知乎APP中的滑动隐藏和显示ToolBar,以及SwipRefreshLayout的刷新功能。下面将详细讲解这两个关键知识点。 首先,滑动隐藏与...

    微信小程序——仿知乎日报(截图+源码).zip

    微信小程序——仿知乎日报(截图+源码).zip 微信小程序——仿知乎日报(截图+源码).zip 微信小程序——仿知乎日报(截图+源码).zip 微信小程序——仿知乎日报(截图+源码).zip 微信小程序——仿知乎日报(截图+...

    仿知乎ssm demo.zip

    5. **JS标签**:在标签中提到"js",意味着这个项目可能涉及到JavaScript的使用,包括但不限于DOM操作、AJAX请求、前端验证等。JavaScript在前端发挥着关键作用,负责提升用户体验,实现页面动态交互。 6. **文件名...

    精品源码 / 网页模板 / 仿知乎 / PC端 / 登录注册 / 二维码登录

    "精品源码 / 网页模板 / 仿知乎 / PC端 / 登录注册 / 二维码登录" 这个标题揭示了这是一个针对网页设计的资源,特别是前端开发领域。它是一个仿制知乎网站PC端登录和注册界面的模板,还包含了二维码登录功能,意味着...

    swift-Swift精仿知乎日报iOS端

    《Swift精仿知乎日报iOS端》是一个基于Swift编程语言实现的iOS应用项目,旨在通过模仿知名社交问答平台知乎的日报功能,为开发者提供一个学习和实践Swift编程、iOS应用开发的实战案例。该项目覆盖了iOS开发中的多个...

    仿知乎登录界面

    本文将深入探讨如何构建一个“仿知乎登录界面”,重点关注其蓝色背景与渐变效果的设计实现。 首先,我们从颜色心理学的角度来看,蓝色通常给人一种专业、信任和宁静的感觉,这正是知乎品牌形象的核心元素。因此,...

Global site tag (gtag.js) - Google Analytics