JS实现禁止鼠标右键的功能
遇到网页上有精美图片或者精彩文字想保存时，通常大家都是选中目标后按鼠标右键，在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是，目前有许多网页都屏蔽了鼠标右键，那么用js如何实现禁止鼠标右键的功能呢？
1.与禁止鼠标右键相关的JS说明
<scripttype="text/javascript">
document.oncontextmenu=newFunction("event.returnValue=false;");
document.onselectstart=newFunction("event.returnValue=false;");
</script>
2.禁止鼠标右键火狐失灵
<!DOCTYPEhtml>
<html>
<head>
<title>禁止鼠标右键</title>
<metacharset="utf-8">
</head>
<body>
<divclass="poo">这个页面不能使用鼠标右键</div>
<!--禁止鼠标右键-->
<scripttype="text/javascript">
if(window.Event){
document.captureEvents(Event.MOUSEUP);
}
functionnocontextmenu(){
event.cancelBubble=true
event.returnValue=false;
returnfalse;
}
functionnorightclick(e){
if(window.Event){
if(e.which==2||e.which==3)
returnfalse;
}elseif(event.button==2||event.button==3){
event.cancelBubble=true
event.returnValue=false;
returnfalse;
}
}
document.oncontextmenu=nocontextmenu;//forIE5+
document.onmousedown=norightclick;//forallothers
</script>
</body>
</html>
3.禁止选择文本
<scripttype="text/javascript">
varomitformtags=["input","textarea","select"];
omitformtagsomitformtags=omitformtags.join("|");
functiondisableselect(e){
if(omitformtags.indexOf(e.target.tagName.toLowerCase())==-1){
returnfalse;
}
}
functionreEnable(){
returntrue;
}
if(typeofdocument.onselectstart!="undefined"){
document.onselectstart=newFunction("returnfalse");
}else{
document.onmousedown=disableselect;
document.onmouseup=reEnable;
}
</script>
4.屏蔽ctrl按键
document.onkeydown=function(){
if(event.ctrlKey)returnfalse;
}
以上所述是小编给大家介绍的JS实现禁止鼠标右键的功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对毛票票网站的支持！