三色源码网

标题: 利用element显示Notification通知网站复制提醒禁用F12或右键菜单提醒 [打印本页]

作者: admin    时间: 2023-6-19 13:30
标题: 利用element显示Notification通知网站复制提醒禁用F12或右键菜单提醒

大家在设定网站提示消息时,非常推荐这个element显示Notification通知功




[color=rgba(0, 0, 0, 0.84)]需要引入的CDN外链:

[size=0.9em] (, 下载次数: 0)

<!-- 引入VUE --><script src="httPs://unpkg.com/vue@2.6.14/dist/vue.min.js"></script><!-- 引入样式 --><script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script><!-- 引入组件库 --><link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/packages/theme-chalk/lib/index.css">复制

[color=rgba(0, 0, 0, 0.84)]复制弹窗提示JS(加到全局js文件内添加):


[size=0.9em]

<script type="text/javascript">/* 复制提醒 */document.addEventListener("copy",function(e){    new Vue({        data:function(){            this.$notify({                title:"嘿!复制成功",                message:"若要转载请务必保留原文链接!爱你呦~",                position: 'bottom-right',                offset: 50,                showClose: false,                type:"success"            });            return{visible:false}        }    })})</script>

[color=rgba(0, 0, 0, 0.84)]禁用右键菜单并提醒(加到全局js文件内添加):


[size=0.9em]

<script type="text/javascript">/* 禁用右键菜单并提醒 */document.oncontextmenu = function () {new Vue({data:function(){this.$notify({title:"嘿!没有右键菜单",message:"复制请用键盘快捷键",position: 'bottom-right',offset: 50,showClose: false,type:"warning"});return{visible:false}}})return false;}</script>

[color=rgba(0, 0, 0, 0.84)]禁用F12按键并提醒(加到全局js文件内添加):

[size=0.9em]

script type="text/javascript">/* 禁用F12按键并提醒 */document.onkeydown = function () {if (window.event && window.event.keyCode == 123) {event.keyCode = 0;event.returnValue = false;new Vue({data:function(){this.$notify({title:"嘿!别瞎按",message:"坏孩子!",position: 'bottom-right',offset: 50,showClose: false,type:"error"});return{visible:false}}})return false;}};</script>





欢迎光临 三色源码网 (http://3se.cc/) Powered by Discuz! X3.3