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

本站资源仅供学习和研究使用,请在下载后24小时内删除,谢谢合作 !

前言

这个弹窗挺好看的,就共享给大家了,废话不多说!

利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒第1张

cdn资源

<!-- 引入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" rel="external nofollow" >

代码

复制提醒

在任意引用全局js的文件内添加:

禁用右键菜单并提醒

在任意引用全局js的文件内添加:

/* 复制提醒 */
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}
        }
    })
})

禁用F12按键并提醒

在任意引用全局js的文件内添加:

/* 禁用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;
}
};

相关扩展

禁用左键选择

禁用复制

禁用Ctrl+Shift+I

温馨提示:本文最后更新于2024-02-04 15:20:00,某些文章具有时效性,若有错误或已失效,请在下方留言或联系星空站长
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容