评论
分享
打赏
利用element显示Notification通知，复制提醒，禁用F12或右键菜单提醒
属于是从喵喵这里拜师学艺了
前言
之前博客默认的是Qmsg，虽然很简单但是不容易看到，因此全站都换成了Notification通知。今天刚改好就被朋友催，因为很简单就记一下作为备忘了，具体效果可见图，本博客也用的这个方法，可查看实际效果。
引用cdn资源
<!-- 引入VUE -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
<!-- 引入样式 -->
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/lib/index.js"></script>
<!-- 引入组件库 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/packages/theme-chalk/lib/index.css">代码放在头部（比如header.php）就可以了
代码
复制提醒
在任意引用全局js的文件内添加：
禁用右键菜单并提醒
在任意引用全局js的文件内添加：
禁用F12按键并提醒
在任意引用全局js的文件内添加：
相关扩展
禁用左键选择
//禁用左键选择
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;
}- - - The END - - -
- - - 打 赏 - - -
本文信息
版权属于： 火喵 ©
最后更新： 2021 年 11 月 30 日 20 时
作品采用： 《 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权
解压密码： ✽✽✽✽✽✽
阅读时间： 本文共 268 个字数,平均阅读时长 ≈ 1分钟
谷歌广告
新朋友
拿下！
新朋友
谢谢！
新朋友
博主的博客好好看 顶一下 顺便看看能不能偷学点
博主
SVIP
嘿嘿，谢谢夸奖
新朋友
哈哈哈，博主真可爱。
新朋友
VIP2
收下了！嘿嘿
新朋友
好好看呀！
新朋友
好家伙，解决了，上次来看教程没实现原来是组件库引入错误，解决啦，谢谢火喵啦
博主
SVIP
噗，之前粘错了的hhhh
新朋友
这个教程我设置我博客，好像没办法实现，是不是教程资源引用错了了，没有的话，就是我的问题了
新朋友
支持博主
小可爱
啊好奇怪，我早上来的时候点一次加载2%，再点一次4%，一直点到100才可以
现在来就两次就行了
全局的菜单指的是那种跳转到其他分类页功能的菜单，比如跳转到友链啥的，跟整个站点相关的。你的左上角的第一个就是全局的，还有右下角跳转的评论页也是全局的功能
而目录和单独的页面评论就只在页面中生效，这些只用于当前页面的小功能统一放一起可能感觉更好一点
随时随地评论倒是个挺不错的思路，挺支持的，我在想我的小菜单的按钮要不要也这样子（实现出来效果应该不一样就是）
另外我的小菜单魔改好了，在测试站里边（blogdev.noionion.top）
博主
SVIP
原来你说的是手机版，我一直以为说的电脑
本来下面是固定的五个链接，上面的菜单和评论都是后加的（正好那里有空位）而且上面的都是遮罩层，不会跳转，要是遮罩层和链接放一起不太好吧，不过布局确实有些乱，手机没仔细规划，都是考虑电脑，手机没显示奇怪的东西就没再管，等有时间的我把手机布局整一下
前几天看你的测试站还是没变换呢，今天一下子壁纸也换了hhhhh
小可爱
（原来回复是点头像啊）
测试站壁纸换了有些天了，但右下角（手机是正下）小功能前天才刚弄好的，咕了好一阵子了
博主
SVIP
我看好多双侧的评论样式回复都是点头像所以我也（pc上会有小提示的，手机上因为没鼠标所以
小可爱
哎，这教程好像hexo不太能直接用（
博主
SVIP
你可以看看官方文档相应的改改
https://element.faas.ele.me/#/zh-CN/component/notification
小可爱
笨蛋火喵！组件库引入的cdn写错了啦！
博主
SVIP
woc，竟然写错了！
小可爱
侧边评论这个属实不习惯，差点没找到按钮在哪
我感觉一般习惯是上面全局菜单下面页面功能菜单吧（逃）
还有这个人机验证点50下好累啊（虽然感觉防广告很有用的亚子）
留言在这其实顺便想白嫖js（针不戳）
博主
SVIP
因为在想可以在浏览文章时随时的写评论，就不用上下来回翻位置这样想的，但是大部分网站都是评论在下面，就会习惯性的翻到下面去找，可是也有人反馈说很难关注到评论内容，在线要不就换回去，还是在最下面加一个展开评论的按钮qaq，要不加上个按钮先看看咋样
验证不用点呀，pc端只要左右移动鼠标就好啦，移动端是点一两下就好了的。本来也想接第三方的验证但是感觉也没太必要简单点就好了。另外那个，全局菜单和功能菜单都是干啥的