一只大脸猫博客主要分享PHP开发技巧、Web前端技术、网站优化、网站排名、修电脑、心灵鸡汤等一些生活中遇到的事、道理和技巧。分享更多知识给身边的朋友。
一只大脸猫博客主要分享PHP开发技巧、Web前端技术、网站优化、网站排名、修电脑、心灵鸡汤等一些生活中遇到的事、道理和技巧。分享更多知识给身边的朋友。

JavaScript监听页面复制事件添加版权信息


JavaScript监听页面复制事件添加版权信息这个功能可以使得我们的文章以及代码可以更好的得到宣传。

JavaScript监听页面复制事件添加版权信息

1.介绍

当页面需要做版权保护时,比如当用户复制我们网站的文章时,我们会希望在他copy的文章内容中添加一些版权信息,例如我们的网站地址。

2.实现方法

首先我们需要捕捉到用户的复制事件,这里我们可以使用document.oncopy来绑定触发事件,此时执行复制操作时将会触发addLink方法,addLink方法中将包含所有处理步骤

document.oncopy = addLink;

捕捉到复制事件后我们还需要在addLink事件执行一些操作

function addLink() {

    var body_element = document.body;
    var selection;
    selection = window.getSelection();
    
    var locationHref=document.location.href;
    var appendLink="\r\n\r\n 原文出自[ 一只大脸猫博客 ] 转载请保留原文链接: <a href='"+locationHref+"'>"+locationHref+"</a>";
    
    if (window.clipboardData) { // Internet Explorer
    
        var copytext = selection + appendLink;
        
        window.clipboardData.setData ("Text", copytext);
        
        return false;
    
    } else {
    
        var copytext = selection + appendLink;
        var newdiv = document.createElement('div');
        newdiv.style.position='absolute';  
        newdiv.style.left='-99999px';
        body_element.appendChild(newdiv);
        newdiv.innerHTML = copytext;
        selection.selectAllChildren(newdiv);
        window.setTimeout(function() {

            body_element.removeChild(newdiv);
        
        },0);
    
    }

}

在上面的代码中使用了两种方法来兼容各种浏览器

1.直接通过浏览器接口操作剪切板,该方法在chrome firefox等版本较高的ie中可用

2.修改用户选中的内容 该方法基本上兼容所有浏览器

当浏览器不能直接操作剪切板时便会使用第二种方法来确保追加生效

3.完整代码

完整代码就是【==】区间代码可以直接复制使用改掉一些需要改变的内容。

文章作者:会修电脑、爱写鸡汤、爱敲代码、刚写文、互联网新人、计算机爱好者的大脸猫(刚刚开始做文章笔名还没想好暂用“大脸猫”)

=====================

function addLink() {

    var body_element = document.body;
    var selection;
    selection = window.getSelection();
    var locationHref=document.location.href; 
    var appendLink="\r\n\r\n 原文出自[ 一只大脸猫博客 ] 转载请保留原文链接: <a href='"+locationHref+"'>"+locationHref+"</a>";
    if (window.clipboardData) { // Internet Explorer
    
        var copytext = selection + appendLink;
        window.clipboardData.setData ("Text", copytext);
        return false;
    
    } else {
    
        var copytext = selection + appendLink;
        
        var newdiv = document.createElement('div');
        
        newdiv.style.position='absolute';
        
        newdiv.style.left='-99999px';
        
        body_element.appendChild(newdiv);
        
        newdiv.innerHTML = copytext;
        
        selection.selectAllChildren(newdiv);
        
        window.setTimeout(function() {
        
            body_element.removeChild(newdiv);
        
        },0);
    
    }

}

document.oncopy = addLink;

=====================


JavaScript监听页面复制事件添加版权信息:http://www.yzdlm.com/web/54.html

作者:大脸猫 分类: web开发


上一篇:遇到瓶颈期我们该怎么办? 下一篇:你不得不知道的GIT

评论


乖,登录后才可以留言!
QQ一键登录

相关文章

0、2019-10-21——「大脸猫SEO」网站优化的核心优化技巧——细节决定成败
1、2019-09-17——「网站优化」网站优化中你必须学会,学会放弃——放弃是一种智慧
2、2019-09-16——「网站优化」网站优化中你值得拥有的——非常实用的小技巧
3、2019-09-12——巧用链接提交工具提升网站收录「百度收录」
4、2019-08-19——「网站优化」网站优化宝典中的标题优化
5、2019-08-13——大脸猫:网站优化的要点都有哪些呢?我来讲讲七大点
6、2019-08-13——大脸猫:网站优化SEO一些不为人知的小技巧
7、2019-07-29——夏天天气炎热,那么天气太热怎么办?天气太热受不了怎么办?
8、2019-07-24——JavaScript监听页面复制事件添加版权信息
9、2019-07-20——PHP开发环境:composer 下载扩展包慢怎么办?
10、2019-07-20——composer如何安装?
11、2019-07-17——PHP 开发者该知道的 5 个 Composer 小技巧
12、2019-07-15——如何通过JavaScript获取搜索引擎搜索关键词
13、2019-07-08——怎么更快地从搜索引擎中找到自己所需要的结果
14、2019-06-22——压缩图片扩展之扩展开发与使用
Top