{cat_tips_error}本文火喵原创，禁止原文转载，部分引用请标明参考出处及本文链接！！！{/cat_tips_error}前言之前博客默认的是Qmsg，虽然很简单但是不容易看到，因此全站都换成了Notification通知。今天刚改好就被朋友催，因为很简单就记一下作为备忘了，具体效果可见图，本博客也用的这个方法，可查看实际效果。引用cdn资源 代码放在头部（比如header.php）就可以了代码复制提醒在任意引用全局js的文件内添加：{cat_hide}/* 复制提醒 */ document.addEventListener("copy",function(e){ new Vue({ data:function(){ this.$notify({ title:"嘿！复制成功", message:"若要转载请务必保留原文链接！爱你呦~", position: 'bottom-right', offset: 50, showClose: false, type:"success" }); return{visible:false} } }) }){/cat_hide}禁用右键菜单并提醒在任意引用全局js的文件内添加：{cat_hide}/* 禁用右键菜单并提醒 */ document.oncontextmenu = function () { new Vue({ data:function(){ this.$notify({ title:"嘿！没有右键菜单", message:"复制请用键盘快捷键", position: 'bottom-right', offset: 50, showClose: false, type:"warning" }); return{visible:false} } }) return false; }{/cat_hide}禁用F12按键并提醒在任意引用全局js的文件内添加：{cat_hide}/* 禁用F12按键并提醒 */ document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { event.keyCode = 0; event.returnValue = false; new Vue({ data:function(){ this.$notify({ title:"嘿！别瞎按", message:"坏孩子！", position: 'bottom-right', offset: 50, showClose: false, type:"error" }); return{visible:false} } }) return false; } };{/cat_hide}相关扩展禁用左键选择//禁用左键选择 document.onselectstart = function () { return false; }禁用复制//禁用复制 document.oncopy = function () { return false; }禁用Ctrl+Shift+I//禁用Ctrl+Shift+I if ((event.ctrlKey) && (event.shiftKey) && (event.keyCode == 73)) { return false; }
本文采用的是直接在文章页中声明按钮的样式，无需安装任何插件及其它的代码配置，只要两步就能搞定，简单易用，轻松上手。 按钮样式 以下是本小站右边侧边栏按钮是代码 吃糖博客