博客主页 😞
📚 利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒

Author:

火喵酱

©

Wordage:

共计 2281 字

needs:

约 1 分钟

Popular:

2490 ℃

Created:

温馨提示:

本文最后更新于2022年08月17日,已经过了42天没有更新,若内容或图片失效,请留言反馈
目 录

本文火喵原创,禁止原文转载,部分引用请标明参考出处及本文链接!!!

前言

之前博客默认的是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 - - -
共计 75 条评论,点此发表评论
  1. 头像
    @
    ZMR
    Lv.2

    访客

    支持博主

    · Win 1x · Chrome · 福建
  2. 头像
    @
    noionion
    Lv.3

    好友

    啊好奇怪,我早上来的时候点一次加载2%,再点一次4%,一直点到100才可以
    现在来就两次就行了
    全局的菜单指的是那种跳转到其他分类页功能的菜单,比如跳转到友链啥的,跟整个站点相关的。你的左上角的第一个就是全局的,还有右下角跳转的评论页也是全局的功能
    而目录和单独的页面评论就只在页面中生效,这些只用于当前页面的小功能统一放一起可能感觉更好一点
    随时随地评论倒是个挺不错的思路,挺支持的,我在想我的小菜单的按钮要不要也这样子(实现出来效果应该不一样就是)
    另外我的小菜单魔改好了,在测试站里边(blogdev.noionion.top)

    · Android · Chrome · 湖南
    1. 头像
      @

      原来你说的是手机版,我一直以为说的电脑:@(害羞)
      本来下面是固定的五个链接,上面的菜单和评论都是后加的(正好那里有空位)而且上面的都是遮罩层,不会跳转,要是遮罩层和链接放一起不太好吧,不过布局确实有些乱,手机没仔细规划,都是考虑电脑,手机没显示奇怪的东西就没再管,等有时间的我把手机布局整一下
      前几天看你的测试站还是没变换呢,今天一下子壁纸也换了hhhhh

      · Win 1x · Chrome · 台湾
      1. 头像
        @
        noionion @ 火喵酱
        Lv.3

        好友

        (原来回复是点头像啊):@(害羞)

        测试站壁纸换了有些天了,但右下角(手机是正下)小功能前天才刚弄好的,咕了好一阵子了

        · Android · Chrome · 湖南
        1. 头像
          @

          我看好多双侧的评论样式回复都是点头像所以我也(pc上会有小提示的,手机上因为没鼠标所以:@(装大款)

          · Win 1x · Chrome · 辽宁
          1. 头像
            @
            noionion @ 火喵酱
            Lv.3

            好友

            哎,这教程好像hexo不太能直接用(

            · Win 1x · Chrome · 湖南
            1. 头像
              @

              你可以看看官方文档相应的改改
              https://element.faas.ele.me/#/zh-CN/component/notification

              · Win 1x · Chrome · 辽宁
              1. 头像
                @
                noionion @ 火喵酱
                Lv.3

                好友

                笨蛋火喵!组件库引入的cdn写错了啦!

                · Win 1x · Chrome · 湖南
                1. 头像
                  @

                  woc,竟然写错了!:@(aa40)

                  · Win 1x · Chrome · 辽宁
  3. 头像
    @
    noionion
    Lv.3

    好友

    侧边评论这个属实不习惯,差点没找到按钮在哪

    我感觉一般习惯是上面全局菜单下面页面功能菜单吧(逃)

    还有这个人机验证点50下好累啊(虽然感觉防广告很有用的亚子)

    留言在这其实顺便想白嫖js(针不戳)

    · Win 1x · Chrome · 湖南
    1. 头像
      @

      因为在想可以在浏览文章时随时的写评论,就不用上下来回翻位置这样想的,但是大部分网站都是评论在下面,就会习惯性的翻到下面去找,可是也有人反馈说很难关注到评论内容,在线要不就换回去,还是在最下面加一个展开评论的按钮qaq,要不加上个按钮先看看咋样:@(tt09)
      验证不用点呀,pc端只要左右移动鼠标就好啦,移动端是点一两下就好了的。本来也想接第三方的验证但是感觉也没太必要简单点就好了。另外那个,全局菜单和功能菜单都是干啥的:@(tt36)

      · Win 1x · Chrome · 辽宁
  4. 头像
    @
    小赵同学
    Lv.1

    访客

    来逛一下

    · Win 1x · Chrome · 湖北
  5. 头像
    @
    HYTN
    Lv.1

    好友

    我就是那个丢人朋友

    · Win 1x · Chrome · 四川
    1. 头像
      @

      这位朋友不充下VIP支持一下么:@(b49)

      · Win 1x · Chrome · 辽宁
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 本站已运行 2 年 202 天 14 小时 4 分 51统计 百度统计 自豪地使用 Typecho 建站,并搭配 MyDiary 主题 Copyright © 2020 ~ 2022. 火喵博客・日记本 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活