美文网首页
简单的防盗贴方法

简单的防盗贴方法

作者: Herodz | 来源:发表于2019-06-19 13:33 被阅读0次

当访客复制页面内容达到一定长度时,可使用此方法加上简单的版权说明。

例如:

在网站复制长度大于42的文本时自动加上这样的版权声明:

实现原理:

监听copy事件

使用 window.getSelection() 获取选中的文本

使用 clipboardData.setData 操作剪贴板的内容

代码实现:

    document.body.addEventListener('copy', function (e) {

        if (window.getSelection().toString()) {

            setClipboardText(e);

//            alert('商业转载请联系作者获得授权,非商业转载请注明出处,谢谢合作。');

        }

    });

    function setClipboardText(event) {

        var clipboardData = event.clipboardData || window.clipboardData;

        if (clipboardData) {

            event.preventDefault();

            var htmlData = ''

                + '著作权归作者所有。<br>'

                + '商业转载请联系作者获得授权,非商业转载请注明出处。<br>'

                + '作者:作者名<br>'

                + '链接:' + window.location.href + '<br>'

                + '来源:指定网址等<br><br>'

                + window.getSelection().toString();

            var textData = ''

                + '著作权归作者所有。\n'

                + '商业转载请联系作者获得授权,非商业转载请注明出处。\n'

                + '作者:作者名\n'

                + '链接:' + window.location.href + '\n'

                + '来源:指定网址等\n\n'

                + window.getSelection().toString();

            clipboardData.setData('text/html', htmlData);

            clipboardData.setData('text/plain',textData);

        }

    }

已知问题

iOS Safari 不兼容 clipboardData.setData() 方法,所以在 iOS Safari 上无效

补充说明:原帖地址 https://www.anotherhome.net/

相关文章

  • 简单的防盗贴方法

    当访客复制页面内容达到一定长度时,可使用此方法加上简单的版权说明。 例如: 在网站复制长度大于42的文本时自动加上...

  • 防火防盗防贴条

    随着城市化进程的加快,人民生活水平的提高,购买一辆小轿车几乎成为每个家庭的必备,然而如何对这些车辆进行有效、合理的...

  • 服装店怎么防盗?

    现今服装防盗有两种方法,一种是监控防盗,另一种就是服装防盗系统。监控对于防盗的作用是微乎其微的,很多时候我们都是发...

  • 超市防盗是所有商品贴防盗标签吗?

    今天接到一通咨询电话,这位老板问我们是不是超市里所有的商品都要贴上防盗标签,如果所有的商品上都逐个贴上防盗标签,既...

  • 解决图片防盗链的简单方法

    腾讯热文的缓存地址,应该是比较稳定的,在图片前面加上这个。 http://read.html5.qq.com/im...

  • “福”字怎么贴?

    对联的贴法没有争议,面对着门,上联贴右侧,下联贴左侧,符合古人读书的习惯。区分上下联的方法也很简单,最后一个字为“...

  • 超市 服装防盗器安装调试方法

    声磁防盗门禁系统介绍及安装调试方法(北京三佳EAS厂家提供) 三佳超市声磁防盗门禁系统 一、防盗器安装底座 1、底...

  • php中http协议防盗链、响应

    一、http防盗链:链接html: 跳转的php: 防盗链警告php: 二、http响应:简单定义:一个http响...

  • 浏览器图片引用,引起403 防盗链解决方法

    概述 远程图片访问403 type为text/html的问题 原因防盗链机制 解决方法页面head中增加 防盗链的...

  • 自定义带占位符的LFTextView

    有点潦草简单贴一下,主要是继承UITextView,重写init方法添加placeholderLabel然后根据监...

网友评论

      本文标题:简单的防盗贴方法

      本文链接:https://www.haomeiwen.com/subject/leahqctx.html