百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> 文章内容被复制后自动添加文章链接代码
分享文章到:

文章内容被复制后自动添加文章链接代码

发布时间:01/15 来源: 浏览: 关键词:
我们要实现内容复制时自动给复制的添加文章链接了,这个可以有很多种js与jquery及flash的实现方法,下面我以wordpress为实例来给大家介绍。

具体方法

你可以给你的WordPress站点添加一个功能:内容被复制后,粘贴的时候自动在后面添加文章链接。

将下面的代码添加到主题的 functions.php 文件中:

 代码如下

function add_copyright_text() {
    if (is_single()) { ?>
 
<script type='text/javascript'>
function addLink() {
    if (
window.getSelection().containsNode(
document.getElementsByClassName('entry-content')[0], true)) {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var oldselection = selection
    var pagelink = "<br /><br /> 阅读更多: <?php the_title(); ?> <a href='<?php echo get_permalink(get_the_ID()); ?>'><?php echo get_permalink(get_the_ID()); ?></a>"; //根据你的需要修改这行代码
    var copy_text = selection + pagelink;
    var new_div = document.createElement('div');
    new_div.style.left='-99999px';
    new_div.style.position='absolute';
 
    body_element.appendChild(new_div );
    new_div.innerHTML = copy_text ;
    selection.selectAllChildren(new_div );
    window.setTimeout(function() {
        body_element.removeChild(new_div );
    },0);
}
}
 
document.oncopy = addLink;
</script>
 
<?php
}
}
 
add_action( 'wp_head', 'add_copyright_text');


如果你不想修改php文件我们可以直接完全利用js实现,并且不需要增加如上代码

 代码如下


<script type="text/javascript">
document.body.oncopy = function () { 
settimeout( function () 

var text = clipboarddata.getdata("text"); 
if (text) { 
text = text + "rn本篇文章来源于[左岸](http://www.111cn.net) 原文出处:"+location.href;
clipboarddata.setdata("text",text); 

}, 100 ) 
}
</script>

更多详细内容请查看:http://www.111cn.net/wy/js-ajax/34745.htm

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有4人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板