Heim > Web-Frontend > js-Tutorial > Hauptteil

js-bezogenes Verbot

高洛峰
Freigeben: 2016-10-15 17:47:10
Original
1206 Leute haben es durchsucht

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

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

 <script type="text/javascript">
     document.oncontextmenu=new Function("event.returnValue=false;");
     document.onselectstart=new Function("event.returnValue=false;");
 </script>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

4.屏蔽ctrl按键

document.onkeydown=function(){
if(event.ctrlKey)return false;
}
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage