网站如果是完全禁止右键(复制、另存为等)操作,对用户来说体验感会降低,但是又不希望自己的原创内容直接被copy,今天飞飞和你们分享几行复制转载提醒弹窗Html代码。
效果展示:
复制以下代码,将其放在网站footer.php或者header.php任意底部位置即可。
<!-- 复制提醒开始 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" />
<script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
<script>
document.body.oncopy = function() {
swal("复制成功!", "若要转载请保留原文链接,感谢支持!", "success");
};
</script>
<!-- 复制提醒结束 -->
通过这几行代码,我们可以在保护原创内容的同时,不影响用户体验。当然,除了添加复制转载提醒弹窗之外,我们还可以通过其他方式来保护原创内容,例如添加水印、限制转载等等。总之,在权衡用户体验和版权保护时,我们需要寻找一个平衡点,既能够保护自己的权益,又不会影响用户的使用体验。文章来源:https://www.toymoban.com/news/detail-636650.html
感谢您的阅读,服务器大本营助您成为更专业的服务器管理员!文章来源地址https://www.toymoban.com/news/detail-636650.html
到了这里,关于博客网站添加复制转载提醒弹窗Html代码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!