首页 > 代码库 > js相关禁止

js相关禁止

遇到网页上有精美图片或者精彩文字想保存时,通常大家都是选中目标后按鼠标右键,在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是,目前有许多网页都屏蔽了鼠标右键,那么用js如何实现禁止鼠标右键的功能呢?

1.与禁止鼠标右键相关的JS说明

 

1 <script type="text/javascript">2     document.oncontextmenu=new Function("event.returnValue=http://www.mamicode.com/false;");3     document.onselectstart=new Function("event.returnValue=http://www.mamicode.com/false;");4 </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相关禁止