利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒
 文章目录

引用

利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒

火喵酱
博客博客美化通知样式elementNotification
2021年11月21日 45 评论 1,586 阅读 正在检测是否收录...

前言

之前博客默认的是Qmsg,虽然很简单但是不容易看到,因此全站都换成了Notification通知。今天刚改好就被朋友催,因为很简单就记一下作为备忘了,具体效果可见图,本博客也用的这个方法,可查看实际效果。

dyhtrekgjkgher.webp

引用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 时
解压密码: ✽✽✽✽✽✽
阅读时间: 本文共 268 个字数,平均阅读时长 ≈ 1分钟

共计 45 条评论,点此发表评论

人机验证

  1. 头像
    @
    湖北
    Xovz.
    水手

    海员

    看看

  2. 头像
    @
    贵州
    修✓
    水手

    海员

    谢谢作者,正好需要这个表情

  3. 头像
    @
    广东
    隔壁小胡
    水手

    海员

    让我看看

  4. 头像
    @
    广东
    友人A
    水手

    海员

    唔,这个网站是不是不能登录?还是说我没找到登录在哪。表情

    1. 头像
      @
      喵星
      火喵酱
      @ 友人A

      提督

      没有开放注册呀,就是一个简单的博客

      1. 头像
        @
        广东
        友人A
        @ 火喵酱
        水手

        海员

        第一次收到你的邮件,太好看了吧。博主真的好厉害。

        1. 头像
          @
          喵星
          火喵酱
          @ 友人A

          提督

          嘿嘿谢谢夸奖啦qaq,你的博客也很好看呀,改日去白嫖表情

  5. 头像
    @
    北京
    rtwr
    水手

    海员

    支持一下

  6. 头像
    @
    广东
    MrZeFr
    士官

    海员

    Hello

  7. 头像
    @
    台湾
    阿飄路過
    水手

    海员

    大大的 blog 好特別
    第一眼看被驚艷到了:@(aa15)

    1. 头像
      @
      喵星
      火喵酱
      @ 阿飄路過

      提督

      谢谢夸奖!!!!!!!!!!!!表情

  8. 头像
    @
    广西
    XCATX
    士官

    海员

    站崩了又又又来了表情

    1. 头像
      @
      喵星
      火喵酱
      @ XCATX

      提督

      哈哈哈哈哈哈哈哈哈哈哈哈

      1. 头像
        @
        广西
        XCATX
        @ 火喵酱
        士官

        海员

        不准笑,只是数据库炸了,要重置系统,重新搭建不行,重头来过而已啦表情

        1. 头像
          @
          喵星
          火喵酱
          @ XCATX

          提督

          你这不是一般的艰难表情

          1. 头像
            @
            广西
            XCATX
            @ 火喵酱
            士官

            海员

            明天就恢复啦,今天美化已经弄的差不多啦,主要是懒码字表情

  9. 头像
    @
    广西
    XCATX
    士官

    海员

    又来啦表情

  10. 头像
    @
    广西
    XCATX
    士官

    海员

    持续跟大佬学习状态表情

  11. 头像
    @
    上海
    残念残念
    水手

    海员

    :@(b47)拿下

  12. 头像
    @
    山西
    kingkare
    士官

    海员

    大佬牛逼 还有我想问一下大佬 请问您用的啥程序啥主题啊 好好看

    1. 头像
      @
      喵星
      火喵酱
      @ kingkare

      提督

      嘿嘿,用的是typecho的joe主题,版本7.1.0自改的(多夸夸我表情

  13. 头像
    @
    广东
    纳兹
    水手

    海员

    拿下!

  14. 头像
    @
    江苏
    美男子
    水手

    海员

    谢谢!

  15. 头像
    @
    山西
    故兮
    水手

    海员

    博主的博客好好看 顶一下 顺便看看能不能偷学点

    1. 头像
      @
      喵星
      火喵酱
      @ 故兮

      提督

      嘿嘿,谢谢夸奖表情

      1. 头像
        @
        山西
        彭于晏
        @ 火喵酱
        水手

        海员

        哈哈哈,博主真可爱。:@(aa24)