复制文本加上版权信息功能实现

wushuiyong 发布于2019-08-22 14:48 / 3155人阅读

摘要：表示选择的内容将复制信息添加到剪切板原理监听文本复制事件并阻止事件默认行为表示选中的文本内容再调用方法将修改后的文本添加到剪切板猛戳这里查看对象的兼容性注意在中，对象是对象的属性在和中，对象是相应对象的属性。

有些网站为了维护版权信息, 用户在复制完成后, 发现粘帖出来的内容往往都还有一些作者名字之类的版权信息, 那么这样的功能是怎么实现的呢? 其实原理也是非常的简单，就是监听一下剪切板事件.




    
    
    
    Document


    前端好难学啊

原理: 监听文本复制事件,　并阻止事件默认行为, window .getSelection() 表示选中的文本内容, 再调用 clipboardData.setData() 方法将修改后的文本添加到剪切板

猛戳这里查看 clipboardData 对象的兼容性

注意

在IE中，clipboardData对象是window对象的属性；

在Chrome、Safari和Firefox 4+中，clipboardData对象是相应event对象的属性。

云服务器 GPU云服务器 webrtc实现文本信息聊天复制文章带版权文本复制版权信息

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92881.html

前端er怎样操作剪切复制以及禁止复制+破解等

摘要：取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

mikasa 2019-08-29 16:20 评论0 收藏0
前端er怎样操作剪切复制以及禁止复制+破解等

摘要：取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

amuqiao 2019-08-23 10:51 评论0 收藏0
前端er怎样操作剪切复制以及禁止复制+破解等

摘要：取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

DevTalking 2019-08-02 11:11 评论0 收藏0
eyoucms v1.4.9授权破解版易优cms企业建站系统去版权版 v1.4.9

摘要：授权破解版易优企业建站系统易优企业建站系统是一款十分优秀专业的为企业创建网站服务的软件。去版权破解版强大好用，为企业创建网站提供很多帮助和便利。直接去易优官网，购买商业授权即可去除版权。eyoucms v1.4.9授权破解版(易优企业建站系统)是一款十分优秀专业的为企业创建网站服务的软件。eyoucms v1.4.9去版权破解版强大好用，为企业创建网站提供很多帮助和便利。易优cms破解授权...

番茄西红柿 2021-08-10 09:40 评论0 收藏2637