html屏蔽右键、禁止复制与禁止查看源代码的几种方法

岳泽以

发布于 2022-10-26 16:16:58

6.5K1

方法一：左右键屏蔽

先来一种最简单的方法，它直接在body属性定义了oncontextmenu，使得右键的值为false，起到了屏蔽右键的效果。

<body oncontextmenu=self.event.returnValue=false>

这个方式虽然屏蔽掉了右键的功能，但是左键还可以使用，自然Ctrl+c,Ctrl+v的功能还是可以用的，这时需要屏蔽掉左键，可是要屏蔽左键不是就废掉了，别急，这里只是屏蔽掉左键的选定功能，代码如下：

<body onselectstart="return false">

左右键联合起来，就彻底控制了左右键：

<body oncontextmenu=self.event.returnValue=false onselectstart="return false">

方法二：function click()屏蔽右键

这种方法是目前最常用的方法，起到了屏蔽右键并弹窗的效果

<Script Language=javascript>

function Click(){
alert('版权所有，请尊重！');

window.event.returnValue=false;

}

document.oncontextmenu=Click;

</Script>

方法三：Js屏蔽

<script type="text/javascript">
        window.onload = function(){
            //屏蔽键盘事件
            document.onkeydown = function (){
                var e = window.event || arguments[0];
                //F12
                if(e.keyCode == 123){
                    return false;
                //Ctrl+Shift+I
                }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                    return false;
                //Shift+F10
                }else if((e.shiftKey) && (e.keyCode == 121)){
                    return false;
                //Ctrl+U
                }else if((e.ctrlKey) && (e.keyCode == 85)){
                    return false;
                }
            };
            //屏蔽鼠标右键
            document.oncontextmenu = function (){
                return false;
            }
        }

    </script>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021 年 07 月，如有侵权请联系 cloudcommunity@tencent.com 删除

click