前端禁止鼠标右键、禁止全选、复制、粘贴

简介: 前端禁止鼠标右键、禁止全选、复制、粘贴

禁止鼠标右键、禁止全选、复制、粘贴;

oncontextmenu事件禁用右键菜单;

document.oncontextmenu=function(){
event.returnValue=false;
}<br>//另一种document.oncontextmenu=function(){
returnfalse;
}
//直接在body上<bodyoncontextmenu="return false"></body>

onselectstart事件禁用网页上选取的内容;

document.onselectstart=function(){
event.returnValue=false;
}
//另一种<br><br>document.onselectstart = function(){ return false; }<emid="__mceDel">//直接在body上 <body onselectstart = "return false" ></body></em>

oncopy事件禁用复制;

document.oncopy=function(){
event.returnValue=false;
}
//另一种document.oncopy=function(){ returnfalse; } <br>//直接在body上 <body oncopy = "return false" ></body>

甚至可以可以禁用鼠标事件

document.onmousedown=function(e){
if ( e.which==2 ){// 鼠标滚轮的按下,滚动不触发returnfalse;
    }
if( e.which==3 ){// 鼠标右键returnfalse;
    }
} 

需要页面禁止复制或者右键打开菜单的情况下,最好结合多种方法进行禁用

额外的写一些关于禁用键盘按键的内容

document.onkeydown=function(){
if( event.ctrlKey ){
returnfalse;
    }
if ( event.altKey ){
returnfalse;
    }
if ( event.shiftKey ){
returnfalse;
    }
}
目录
相关文章
|
前端开发
【前端图表】echarts散点图鼠标划过散点显示信息
【前端图表】echarts散点图鼠标划过散点显示信息
129 0
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
345 0
|
移动开发 前端开发 iOS开发
记录一下前端H5的复制功能在ios端的兼容性问题
记录一下前端H5的复制功能在ios端的兼容性问题
983 0
|
4月前
|
前端开发
前端 CSS 经典:鼠标位置信息
前端 CSS 经典:鼠标位置信息
41 0
|
6月前
|
前端开发 JavaScript 数据安全/隐私保护
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
102 0
|
11月前
|
前端开发 JavaScript UED
【前端学习】—网站禁止右键、F12防复制、防查看源代码、防图片下载的方法
【前端学习】—网站禁止右键、F12防复制、防查看源代码、防图片下载的方法
|
6月前
|
前端开发 JavaScript
前端知识(十三)——JavaScript监听按键,禁止F12,禁止右键,禁止保存网页【Ctrl+s】等操作
前端知识(十三)——JavaScript监听按键,禁止F12,禁止右键,禁止保存网页【Ctrl+s】等操作
109 0
|
JavaScript 前端开发
JS前端CSS+元素,鼠标模形变成手状的形状
JS前端CSS+元素,鼠标模形变成手状的形状
147 1
|
前端开发
前端——关于鼠标的知识点
前端——关于鼠标的知识点
|
JavaScript 前端开发 API
前端|获取网页中鼠标选中文字
前端|获取网页中鼠标选中文字
248 0