禁止复制、禁用选择、禁用F12、禁用右键菜单

一、js实现

// 1.禁用右键菜单
document.oncontextmenu = new Function("event.returnValue=false");

// 2.禁用鼠标选中
document.onselectstart = new Function("event.returnValue=false");

// 3.禁止键盘F12键
document.addEventListener("keydown", function (e) {
    if (e.key == "F12") {
        e.preventDefault(); // 如果按下键F12,阻止事件
    }
});

二、 样式实现禁用复制

// img标签禁用选中、拖拽、右键

<img src="图片地址" class="unselectable" draggable="false" oncontextmenu="return false;" />



// class="unselectable"是添加一个类名为unselectable用于禁用鼠标选中，名字可自定义； 

// draggable="false"用于禁用拖拽；

// oncontextmenu="return false;"用于禁用鼠标右键


<style>
.unselectable {
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
</style>