网站美化 – 复制提醒和禁用F12以及右键菜单提醒代码美化版

728次阅读
一条评论

共计 1119 个字符,预计需要花费 3 分钟才能阅读完成。

效果展示

网站美化 – 复制提醒和禁用 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">

建议放在头部文件。

代码

复制提醒 (在任意引用全局 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}
        }
    })
})

禁止使用右键和提醒 (在任意引用全局 JS 的文件内添加)

/* 禁用右键菜单并提醒 */
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;
}

禁止使用 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;
}
};

正文完
 0
suyan
版权声明:本站原创文章,由 suyan 于2024-02-06发表,共计1119字。
转载说明:转载本网站任何内容,请按照转载方式正确书写本站原文地址。本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。敬请谅解!
评论(一条评论)
验证码
Jiangsw 评论达人 LV.1
2024-02-13 20:31:31 回复

unpkg.com 可以直接替换成 s4.zstatic.net/npm,这个有国内的服务器加载起来快很多,比如 unpkg.com/vue@2.6.14/dist/vue.min.js 换成 s4.zstatic.net/vue@2.6.14/dist/vue.min.js

 Windows  Chrome  中国河南省安阳市联通