js禁止页面复制功能禁用页面右键菜单示例代码

下面就针对“js禁止页面复制功能禁用页面右键菜单示例代码”的完整攻略进行详细讲解：

步骤一：禁止页面复制功能

示例一：

document.oncontextmenu=new Function("event.returnValue=false"); //禁止右键菜单
document.onselectstart=new Function("event.returnValue=false"); //禁止选择内容
document.oncopy=new Function("event.returnValue=false"); //禁止复制

首先，上面的代码实现了在页面中禁止复制功能，主要原理是通过修改DOM的事件来实现的。

• document.oncontextmenu：禁止右键菜单
• document.onselectstart：禁止选择内容
• document.oncopy：禁止复制

示例二：

window.addEventListener('keydown',function(e){if(e.ctrlKey&&e.keyCode==67){return false}}); //禁止Ctrl+C复制

上述代码是实现禁止按下快捷键Ctrl+C进行复制的，主要原理是通过监听keydown事件，如果同时按下ctrl和c键，则返回false，阻止默认行为。

步骤二：禁用页面右键菜单

示例一：

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

上述代码是通过修改document.oncontextmenu事件来禁用页面的右键菜单功能。

示例二：

document.addEventListener('contextmenu',function(e){e.preventDefault()}); //禁止右键菜单

这段代码则是通过添加contextmenu事件监听来禁用页面的右键菜单，当右键菜单被触发时，将事件的默认行为禁用掉。注意，这里监听的是document而不是某个节点。如果要针对某个节点禁用右键菜单，就需要把document改成该节点的ID或Class。

综上所述，通过以上示例代码，我们可以实现JavaScript禁止复制及禁用页面右键菜单。