
这个弹窗个人觉得很好看,一般只有“复制提醒(未附带复制失败提醒)”、“禁用F12”、“禁用鼠标右键”,懒人Blog这里把常见的“禁用Ctrl+U”、“禁用Ctrl+S”、“禁用Ctrl+Shift+I”等都分享给大家,具体可查看本站效果。
所需代码均打包在本文下方,此美化只应用在子比主题,部份主题无法使用,请自行考虑是否下载。
使用步骤
复制Ctrl+C提醒
![图片[1]-子比主题美化-禁用F12、禁用Ctrl+S、禁用Ctrl+U、禁用Ctrl+Shift+I、右键菜单、复制成功、失败提醒任务提醒弹窗代码最新版-懒人Blog(资源素材网)](https://www.lanrenn.cn/wp-content/uploads/2024/03/20240324071356551.png)

禁用鼠标右键菜单提醒
<script>
document.oncontextmenu = function () {
new Vue({
data:function(){
this.$notify({
title: "嗯?没有右键菜单",
message: "复制请用键盘快捷键[Ctrl+C]",
position: 'bottom-right',
offset: 50,
showClose: false,
type:"warning"
});
return{visible:false}
}
})
return false;
}
</script>

禁用F12按键提醒(开发者工具快捷键)

禁用Ctrl+Shift+I(开发者工具快捷键)

禁用Ctrl+S(保存网页/文件)

禁用Ctrl+U(查看网页源代码)

<script>
document.onkeydown = function(event) {
if (event.ctrlKey && event.keyCode == 83) { // Ctrl + S
event.preventDefault();
new Vue({
data: function() {
this.$notify({
title: "哎!你瞧瞧你",
message: "网页得换方法保存哦~",
position: 'bottom-right',
offset: 50,
showClose: true,
type: "error"
});
return {
visible: false
}
}
})
return false;
}
if (event.ctrlKey && event.keyCode == 85) { // Ctrl + U
event.preventDefault();
new Vue({
data: function() {
this.$notify({
title: "嘿!Brother",
message: "老弟,源码得换方式获取哦~",
position: 'bottom-right',
offset: 50,
showClose: true,
type: "error"
});
return {
visible: false
}
}
})
return false;
}
if (event.ctrlKey && event.shiftKey && event.keyCode == 73) { // Ctrl + Shift + I
event.preventDefault();
new Vue({
data:function(){
this.$notify({
title:"呐!这个也不行",
message:"还是按点别的吧!",
position: 'bottom-right',
offset: 50,
showClose: false,
type:"error"
});
return{visible:false}
}
})
return false;
}
if (event.keyCode == 123) { // F12
event.preventDefault();
new Vue({
data:function(){
this.$notify({
title:"呃!别瞎按",
message:"你按这个想干嘛!再按就找不到我咯",
position: 'bottom-right',
offset: 50,
showClose: false,
type:"error"
});
return{visible:false}
}
})
return false;
}
};
</script>
禁用左键选择
//禁用左键选择
document.onselectstart = function () {
return false;
}
签到任务提醒
🎉 恭喜你发现了宝藏导航!>>点此前往<<
👋 感谢您的观看,对您有用就分享出去吧 !
如您有好的资源/素材,可参与创作者激励计划享投稿分成。分成介绍 投稿成功收录,即可获得1-10 元/篇奖励。(重复内容无奖励)
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
本文是原创文章,采用CC BY-NC-SA 4.0协议,完整转载请注明来自懒人资源网
THE END
文章不错?点个赞呗
相关推荐
随机看看好帖需要善于发现
热门圈子总有聊不完的话题
-
685
文章数目
-
1043
注册用户
-
0
本周发布
-
1253
稳定运行
-
501055
总访问量

X
- 最新
- 最热
只看作者