博客网站添加复制转载提醒弹窗Html代码

网站如果是完全禁止右键(复制、另存为等)操作,对用户来说体验感会降低,但是又不希望自己的原创内容直接被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>
<!-- 复制提醒结束 -->

通过这几行代码,我们可以在保护原创内容的同时,不影响用户体验。当然,除了添加复制转载提醒弹窗之外,我们还可以通过其他方式来保护原创内容,例如添加水印、限制转载等等。总之,在权衡用户体验和版权保护时,我们需要寻找一个平衡点,既能够保护自己的权益,又不会影响用户的使用体验。

感谢您的阅读,服务器大本营助您成为更专业的服务器管理员!

相关推荐
장숙혜3 分钟前
ElementUi的Dropdown下拉菜单的详细介绍及使用
前端·javascript·vue.js
火柴盒zhang6 分钟前
websheet之 编辑器
开发语言·前端·javascript·编辑器·spreadsheet·websheet
子非衣6 分钟前
Windows云主机远程连接提示“出现了内部错误”
服务器·windows
某公司摸鱼前端8 分钟前
uniapp 仿企微左边公司切换页
前端·uni-app·企业微信
WKK_11 分钟前
uniapp自定义封装tabbar
前端·javascript·小程序·uni-app
莫问alicia12 分钟前
react 常用钩子 hooks 总结
前端·javascript·react.js
Mintopia21 分钟前
图形学中的数学基础与 JavaScript 实践
前端·javascript·计算机图形学
Mintopia28 分钟前
Three.js 制作飘摇的草:从基础到进阶的全流程教学
前端·javascript·three.js
BillKu28 分钟前
Vue3父子组件数据双向同步实现方法
前端·javascript·vue.js
红尘散仙1 小时前
七、WebGPU 基础入门——Texture 纹理
前端·rust·gpu