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

前言

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