Home >Web Front-end >HTML Tutorial >How to disable right click in html
How to disable right click in html
- 醉折花枝作酒筹Original
- 2021-04-12 18:28:3410860browse
htmlMethods to disable right-click: 1. Use the oncontextmenu event to disable the right-click menu; 2. Use the onselectstart event to disable the right-click to select content on the web page; 3. Use the oncopy event to disable the right-click to copy.
The operating environment of this tutorial: Windows7 system, CSS3&&HTML5 version, Dell G3 computer.
oncontextmenu event disables the right-click menu
document.oncontextmenu = function(){
event.returnValue = false;
}// 或者直接返回整个事件
document.oncontextmenu = function(){
return false;
}onselectstart event disables the selected content on the web page
document.onselectstart = function(){
event.returnValue = false;
}// 或者直接返回整个事件
document.onselectstart = function(){
return false;
}oncopy event disables copying
document.oncopy = function(){
event.returnValue = false;
}// 或者直接返回整个事件
document.oncopy = function(){
return false;
}For the above three events, if you just want to simply disable the right mouse button, copy and paste, you can also write them directly to the body in HTML;
<body oncontextmenu = "return false" ></body> <body onselectstart = "return false" ></body> <body oncopy = "return false" ></body>
Recommended learning: html video tutorial
The above is the detailed content of How to disable right click in html. For more information, please follow other related articles on the PHP Chinese website!