Rav

如何通过js实现禁止鼠标右键
在我们使用浏览器访问网页时,见到优美的句子,好看的图片时都会想到使用鼠标右键复制,保存。有时候网页没有完全加载,我...
扫描右侧二维码阅读全文
20
2019/09

如何通过js实现禁止鼠标右键

在我们使用浏览器访问网页时,见到优美的句子,好看的图片时都会想到使用鼠标右键复制,保存。有时候网页没有完全加载,我们也会使用右键刷新。当然这里排除使用快捷键或者其他途径的。
83e3c5d8f5965c0d24d85e7e1a752229.png
在编写网页时,我们可以用到以下几种方式禁用右键:
1.与禁止鼠标右键相关的JS说明

<script type="text/javascript">

document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
</script>

2.禁止鼠标右键火狐失灵

<!DOCTYPE html>

<html>
<head>
<title>禁止鼠标右键</title>
<meta charset="utf-8">
</head>
<body>
<div class="poo">这个页面不能使用鼠标右键</div>
<!-- 禁止鼠标右键 -->
<script type="text/javascript">
if (window.Event){
document.captureEvents(Event.MOUSEUP);
}
function nocontextmenu(){
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e) {
if (window.Event) {
if (e.which == 2 || e.which == 3)
return false;
} else if (event.button == 2 || event.button == 3){
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
</script>
</body>
</html>

3.禁止选择文本

<script type="text/javascript">

var omitformtags=["input", "textarea", "select"];
omitformtagsomitformtags=omitformtags.join("|");
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1){
return false;
}
}
function reEnable(){
return true;
}
if (typeof document.onselectstart!="undefined"){
document.onselectstart=new Function ("return false");
}else{
document.onmousedown=disableselect;
document.onmouseup=reEnable;
}
</script>

4.屏蔽ctrl按键

document.onkeydown=function(){

if(event.ctrlKey)return false;
}

Last modification:September 25th, 2019 at 12:51 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment