javascript - 当用户复制和粘贴文本在 WordPress 中不起作用时链接回网站

Question

每当用户复制文本时，我想添加一个返回我的网站的链接。

每当用户从我的网站复制文本时，我都想添加一个返回我的网站的链接。就像“在我的网站上阅读更多内容:URL”。我相信您以前遇到过这种情况。

我在野外发现了这段代码(针对 Wordpress)，但它根本不起作用。我使用最新版本的 Firefox 和 Safari 在 Wordpress 3.8 上对其进行了测试。 Javascript代码有问题吗？或者 WordPress 代码本身？

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 /> Read more: <?php the_title(); ?> <a href='<?php echo get_permalink(get_the_ID()); ?>'><?php echo get_permalink(get_the_ID()); ?></a>"; //Change this if you like
    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');

Answer 1

我使用的是同一篇文章，但它对我来说也不起作用。我所做的就是稍微更改代码以始终允许此功能。

<?php

/*******************************
*
*  Read more Copyright Text
*
*******************************/



function add_copyright_text() {
?>

<script type='text/javascript'>
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var oldselection = selection
    var pagelink = "<br /><br /> Read more at XXX: <?php the_title(); ?> <a href='<?php echo get_permalink(get_the_ID()); ?>'><?php echo get_permalink(get_the_ID()); ?></a>"; //Change this if you like
    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');
?>

这并不是一个很大的变化。我所做的只是删除以下条件:

1. if (is_single()) { ?> .... <?php }
2. if (window.getSelection().containsNode(document.getElementsByClassName('entry-content')[0], true)) { ...}

希望对您有帮助。另外，还有一个plugin您可能想查看一下这应该可以帮助您做到这一点。 (不过我还没有尝试过)。