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

Author:

火喵酱

©

Wordage:

共计 2281 字

needs:

约 1 分钟

Popular:

5720 ℃

Created:

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

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

前言

之前博客默认的是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;
}
感谢!

如果觉得文章很不错,欢迎点一点下面的广告,来表达对喵喵的支持qaq

- - - The END - - -
作者:
火喵酱
文章:
绯色之喵・火喵博客
地址:
https://cat.dorcandy.cn/7e2fcd3e.html
更新:
2022 年 10 月 01 日 09 时
声明:
本文由博主原创,依据 CC BY-NC-SA 4.0 许可协议授权,转载请注明出处
文章二维码
利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒
共计 97 条评论,点此发表评论
  1. 头像
    Yakito
    新人

    访客

    Intresting...

    · Win 10+ · Chrome · 海外
  2. 头像
    pupper
    新人

    访客

    大佬牛逼

    · MacOS · Chrome · 浙江
  3. 头像
    无名
    新人

    访客

    前来学习

    · Win 10+ · Chrome · 广东
  4. 头像
    无名
    Lv.2

    访客

    OωO

    · Win 7 · Chrome · 吉林
  5. 头像
    小天
    新人

    访客

    感谢大佬分享

    · Win 10+ · Chrome · 广东
  6. 头像
    飓枫
    Lv.1

    访客

    厉害

    · Win 8.1 · Chrome · 河南
  7. 头像
    无名
    Lv.2

    访客

    OωO

    · Android · Chrome · 吉林
  8. 头像
    南轩
    新人

    访客

    我来瞅瞅 ヾ(≧∇≦*)ゝ

    · Android · Chrome · 四川
  9. 头像
    Neil
    新人

    访客

    ヾ(≧∇≦*)ゝ

    · MacOS · Safari · 上海
  10. 头像
    新人

    访客

    强的!学习一下

    · Win 10+ · Chrome · 天津
  11. 头像
    小萝卜
    新人

    访客

    学习学习

    · Win 10+ · Chrome · 浙江
  12. 头像
    slover
    新人

    访客

    夸夸博主,前来学习

    · Win 10+ · Chrome · 河南
博客主页 绯色之喵・火喵博客 记录喵喵美好生活 51统计 百度统计
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 十年之约 3 年 91 天 6 小时 38 分 🌸 本站由 Typecho 建站,并搭配自制 MyDiary 主题 Copyright © 2009 ~ 2023. 火喵酱 All rights reserved.
打赏图
打赏博主
欢迎
欢迎
欢迎访问绯色之喵・火喵博客
欢迎来看望喵喵!
搜 索
足 迹
分 类
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 测试