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

Created:

文章目录

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

前言

之前博客默认的是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 - - -

- - - 火 喵 博 客 - - -
共计 69 条评论,点此发表评论
  1. 头像
    @
    沉默剑士
    LV1

    访客

    不错呀 😀

  2. 头像
    @
    伟良荣
    LV0

    访客

    这部分怎么只有字没有代码
    复制提醒
    在任意引用全局js的文件内添加:

    禁用右键菜单并提醒
    在任意引用全局js的文件内添加:

    禁用F12按键并提醒
    在任意引用全局js的文件内添加:

    1. 头像
      @

      因为我主题还没做完,你现在应该看到了

      1. 头像
        @
        伟良荣 @ 火喵酱
        LV0

        访客

        原来如此

  3. 头像
    @
    梦可味
    LV0

    访客

    wwww谢谢喵喵

  4. 头像
    @
    KINGWDY
    LV0

    访客

    嘿嘿。真好用!

  5. 头像
    @
    Star.
    LV1

    访客

    wp 全局引用js文件在哪

  6. 头像
    @
    啭捔儚俖遇笕
    LV1

    访客

    谢谢大佬分享:@(up01)

  7. 头像
    @
    TTP
    LV0

    访客

    大佬学习一下

  8. 头像
    @
    Star.
    LV1

    访客

    全局文件引用是啥

    1. 头像
      @

      比如你可以随便写一个js,然后在 public/include.php 里引用

    2. 头像
      @

      你不是joe的话,就是说你需要这个功能的页面就引入这个js,视具体情况来看,因为一般都是全站添加这个功能,所以你可以加在每个页面都加载的js里就可以

      1. 头像
        @
        Star. @ 火喵酱
        LV1

        访客

        我是WP,子比主题,这。。。。

        1. 头像
          @

          都一样,静态html也能用

  9. 头像
    @
    XCATX
    LV2

    访客

    又又又来了不知道来来回回捣鼓了多少次了

    1. 头像
      @

      哈哈哈哈哈哈,熟练查看控制台,及时解决报错问题

      1. 头像
        @
        XCATX @ 火喵酱
        LV2

        访客

        不是我是从typecho转到wordpress又转到hexo又转回来typecho了,兜兜转转又回到了typecho

        1. 头像
          @

          wp太臃肿,hexo不方便,还是ty好

          1. 头像
            @
            XCATX @ 火喵酱
            LV2

            访客

            所以兜兜转转又回到了ty的怀抱

  10. 头像
    @
    小້໌ 七҉
    LV1

    访客

    手机上换了好几个浏览器都评论不了-_-||

    1. 头像
      @

      这不是发了么,如果不显示评论刷新几次

  11. 头像
    @
    如似三冬
    LV0

    访客

    让我康康!

  12. 头像
    @
    One Can
    LV1

    访客

    看看

辽ICP备2021005644号-1 辽公网安备 21021102000984号 萌ICP备20210005号 本站已运行 2 年 159 天 17 小时 7 分 自豪地使用 typecho 建站,并使用 MyDiary 主题 百度统计 Copyright © 2009 ~ 2022. 火喵博客 All rights reserved.
历史足迹
分类目录
  • 日常
  • 🤣 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 📭 撰稿