JavaScript实现复制文章自动添加版权
2019/6/27 22:13:55
本文主要是介绍JavaScript实现复制文章自动添加版权,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
第一种
<script type="text/javascript"> document.body.oncopy = function(){ setTimeout( function (){ var text = clipboardData.getData("text"); if(text){ text = text + "\r\n本文来自: (www.zyiz.net) 详细出处参考:"+location.href; clipboardData.setData("text", text); } },100) } </script>
注意:这段代码必须复制到 body 区域里面才能生效,放到 head 区域内是不起作用的。
第二种
$("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 < 30) return; //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 <pre> tag workaround //otherwise the text inside "pre" loses all the line breaks! if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") { newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>"; } newdiv.innerHTML += "<br /><br />Read more at: <a href='" + document.location.href + "'>" + document.location.href + "</a> © MySite.com"; selection.selectAllChildren(newdiv); window.setTimeout(function () { body_element.removeChild(newdiv); }, 200); });
总结
以上就是小编为大家整理的两种利用JavaScript实现复制文章自动添加版权的方法,代码很简单,有需要的朋友们可以参考学习。
这篇关于JavaScript实现复制文章自动添加版权的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-02Vue3项目实战:新手入门与初级技巧指南
- 2024-11-02Vue3教程:新手入门到实战项目
- 2024-11-02VueRouter4教程:新手入门指南
- 2024-11-02Vuex4项目实战:从入门到上手
- 2024-11-02在React中用Splide实现无限循环自动播放的轮播图组件
- 2024-11-02我用React打造了一个超炫的聊天App??
- 2024-11-02Vue3项目实战:新手入门与初级开发者指南
- 2024-11-02Vue3项目实战:从零开始构建你的第一个Vue3应用
- 2024-11-02VueRouter4项目实战:新手入门教程
- 2024-11-02Vue3入门教程:从零开始构建你的第一个Vue3应用