文章内容被复制后自动添加文章链接代码
来源:自学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 |