网站地图    收藏   

主页 > 前端 > javascript >

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

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 我们要实现内容复制时自动给复制的添加文章链接了,这个可以有很多种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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论