请登录后探索更多精彩内容!
利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒
这个弹窗挺好看的,收集整理共享给大家
cdn资源
<!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入样式 --> <script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script> <!-- 引入组件库 --> <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/packages/theme-chalk/lib/index.css">
复制提醒
在任意引用全局js的文件内添加:
/* 复制提醒 */ 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} } }) })
禁用右键菜单并提醒
/* 禁用右键菜单并提醒 */ 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; }
禁用F12按键并提醒
在任意引用全局js的文件内添加
/* 禁用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; } };
相关扩展
禁用左键选择
//禁用左键选择 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; }
暂无评论
请先登录后发表评论!
暂无评论