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

Author:

火喵酱

©

Wordage:

共计 2281 字

needs:

约 1 分钟

Popular:

2521 ℃

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 - - -
共计 75 条评论,点此发表评论
  1. 头像
    @
    梦念逍遥
    新人

    访客

    可以的

    · Win 1x · Chrome · 江西
  2. 头像
    @
    kingkare
    Lv.2

    访客

    可以的 感谢分享

    · Win 7 · Chrome · 山西
  3. 头像
    @
    一只橙子
    Lv.1

    访客

    可以的

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

      过分了朋友,开头写的禁止原文转载你转载也就算了,好歹你写上转载来源啊,只字不提是么

      本来想顺着链接去回访的,太让人伤心了

      · Win 1x · Chrome · 辽宁
      1. 头像
        @
        一只橙子 @ 火喵酱
        Lv.1

        访客

        大哥小弟错了,来源已加

        · Win 1x · Chrome · 湖北
  4. 头像
    @
    公爵
    Lv.1

    访客

    可以呀

    · Win 1x · Chrome · 福建
  5. 头像
    @
    沉默剑士
    Lv.1

    访客

    不错呀 😀

    · Win 1x · Chrome · 浙江
  6. 头像
    @
    伟良荣
    新人

    访客

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

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

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

    · Win 1x · Chrome · 浙江
    1. 头像
      @

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

      · Win 1x · Chrome · 辽宁
      1. 头像
        @
        伟良荣 @ 火喵酱
        新人

        访客

        原来如此

        · Android · Chrome · 上海
  7. 头像
    @
    梦可味
    新人

    访客

    wwww谢谢喵喵

    · Win 1x · Chrome · 美国
  8. 头像
    @
    KINGWDY
    新人

    访客

    嘿嘿。真好用!

    · MacOS · Chrome · 上海
  9. 头像
    @
    Star.
    Lv.1

    访客

    wp 全局引用js文件在哪

    · Win 1x · Chrome · 吉林
  10. 头像
    @
    啭捔儚俖遇笕
    Lv.1

    访客

    谢谢大佬分享:@(up01)

    · Win 1x · Chrome · 江苏
  11. 头像
    @
    TTP
    新人

    访客

    大佬学习一下

    · Win 1x · Chrome · 上海
  12. 头像
    @
    Star.
    Lv.1

    访客

    全局文件引用是啥

    · Win 8.1 · Chrome · 北京
    1. 头像
      @

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

      · Win 1x · Chrome · 辽宁
    2. 头像
      @

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

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

        访客

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

        · Win 8.1 · Chrome · 北京
        1. 头像
          @

          都一样,静态html也能用

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