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

来源:建网站  发布时间:2020-06-11  164 次浏览

  建网站的过程中会出现一些特殊的应用,如果不想别人轻易复制到网页上的内容往往会想办法屏蔽右键或文本选择功能,视图切换则需要屏蔽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对应键



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

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

最新信息
推荐信息
  1. 新公司网站建设的必要性及基础费用
  2. 做好建站前的策划让网站真正变成一把实用的利器
  3. 为色彩搭配而生:发现最美颜色搭配 构建您网站的专属配色方案
  4. 如何自定义网页上文本选取后的背景颜色?
建企业网站
建企业网站