网页如何屏蔽常用功能快捷键?

建网站  2020-06-11  2597 次浏览  keyCode屏蔽F12屏蔽右键单击

  建网站的过程中会出现一些特殊的应用,如果不想别人轻易复制到网页上的内容往往会想办法屏蔽右键或文本选择功能,视图切换则需要屏蔽F12等等。那么,这些功能需要使用什么技术,如何实现呢?针对网页最简单的实现方式是利用JS脚本来实现。

建网站

  将以下代码添加至网页<body></body>处则可实现对应的功能:

<script>
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;
            }
        };
        //屏蔽右键单击
        document.oncontextmenu = function() {
            return false;
        }
    }
</script>

  以上是常用的功能键的屏蔽,那么不常用的应该如何解决呢?注意观察上面的代码,其中有一个keyCode,对,这就是关键。键盘上不同的键对应的都有不同的keyCode,想要限制不同的键只需找到对应的keyCode即可实现。

keyCode对应键



本文地址:网页如何屏蔽常用功能快捷键? https://www.371jianzhan.com/technical/89.html


上一篇: 利用CSS样式属性控制让背景图片和IMG图片正常显示不变形

下一篇: 建网站时如何设计网页顶部菜单随滚动条改变样式

最新信息
推荐信息
建企业网站
建企业网站