JavaScript实现复制文章自动添加版权
内容摘要
第一种
<script type="text/javascript">
document.body.oncopy = function(){
setTimeout(
function (){
var text = clipboardData.getData("text");
<script type="text/javascript">
document.body.oncopy = function(){
setTimeout(
function (){
var text = clipboardData.getData("text");
文章正文
第一种
1 2 3 4 5 6 7 8 9 10 11 | <script type= "text/javascript" > document.body.oncopy = function (){ setTimeout( function (){ var text = clipboardData.getData( "text" ); if (text){ text = text + "\r\n本文来自: (www.phpstudy.net) 详细出处参考:" +location.href; clipboardData.setData( "text" , text); } },100) } </script> |
注意:这段代码必须复制到 body 区域里面才能生效,放到 head 区域内是不起作用的。
第二种
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | $( "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实现复制文章自动添加版权的方法,代码很简单,有需要的朋友们可以参考学习。
代码注释