网站禁止右键，复制提示，禁用F12，复制版权提醒

实现效果

设置教程

1、引入CDN资源

在网站的header.php中引入以下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">

<!-- 引入VUE -->
<script src="https://unpkg.com/vue@2.6.14/dist/vue.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/lib/theme-chalk/index.css">

2、设置按键

在网站的自定义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打开开发者工具

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+C复制

更暴力的方式

//禁用左键选择
document.onselectstart = function() {
    return false;
}

//禁用复制
document.oncopy = function() {
    return false;
}

//禁用Ctrl+Shift+I
if ((event.ctrlKey) && (event.shiftKey) && (event.keyCode == 73)) {
    return false;
}