javascript实现禁止鼠标右键的功能

时间：2021-04-27
遇到网页上有精美图片或者精彩文字想保存时，通常大家都是选中目标后按鼠标右键，在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是，目前有许多网页都屏蔽了鼠标右键，那么用js如何实现禁止鼠标右键的功能呢？
 
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;
}
上一条：js实现点击按钮复制文本功能 下一条:移动端，手机端 响应式布局头部代码

相关文章

最新文章

Copyright © 2021-2022 深圳市沃梦达电子商务有限公司 All Rights Reserved.