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

[复制链接]
418 0
admin 发表于 2023-6-19 13:30:46 | 只看该作者 |只看大图 |阅读模式 打印 上一主题 下一主题

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




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

[size=0.9em] 利用element显示Notification通知网站复制提醒禁用F12或右键菜单提醒,三色源码网

<!-- 引入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>
温馨提示:资源转载网络个人收藏,如有侵权或下载链接失效或密码不对请联系站长

1、在论坛里发表的文章仅代表作者本人的观点,与本网站立场无关。
2、论坛的所有内容都不保证其准确性,有效性,时间性。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
3、当政府机关依照法定程序要求披露信息时,论坛均得免责。
4、若因线路及非本站所能控制范围的故障导致暂停服务期间造成的一切不便与损失,论坛不负任何责任。
5、注册会员通过任何手段和方法针对论坛进行破坏,我们有权对其行为作出处理。并保留进一步追究其责任的权利。
收藏
收藏0
回复

使用道具 举报

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

专注源码资源免费分享
只要有下载币全站均可下

私人收藏网站非买卖网站

周一至周日9:00-23:00

反馈建议

282865654@qq.com 在线QQ咨询

赞助我们享尊贵分享

Powered by X3.3© 2019-2029 3se.cc Inc.( 京ICP备14050279号-2