js-屏蔽鼠标和键盘相关事件

最新推荐文章于 2022-07-28 13:43:53 发布

阿樂不樂

最新推荐文章于 2022-07-28 13:43:53 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： js知识点文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_45036782/article/details/108707077

js知识点专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用自定义JavaScript函数来屏蔽特定键盘按键（如Enter、Backspace、F5等）及鼠标右键的方法。通过在HTML文档的<body>标签上应用onkeydown事件处理器屏蔽键盘事件，并利用onmousedown事件处理器阻止鼠标右键的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过自定义函数实现屏蔽鼠标和键盘相关事件

一.具体实现步骤

1.编写自定义js函数maskingKeyboard(),在该函数中屏蔽键盘的Enter键,Backspace键,F5键,Ctrl+N键,Shift+F10键

2.在页面的标签中标记的键盘按下时间onkeydown中调用maskingKeyboard()函数屏蔽键盘的相关事件.代码如下:

<body onkeydown = "maskingKeyboard()">

3.编写自定义的JavaScript函数rightKey(),英语屏蔽鼠标右键.rightKey()函数的代码如下:

function rightKey() {
	if(event button == 2) {
	event.returnValue = false;
	alert(" 禁止使用鼠标右键! ");
	}
}

4.在文档的onmousedown事件中调用rightKey()函数,用于当用户在页面右击是,屏蔽右键所触发的事件,代码如下:

document.onmousedown = rightKey; //当鼠标右键被单击时，调用rightKey（）函数

二.代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js-屏蔽鼠标和键盘相关事件</title>
</head>
<body onkeydown="maskingKeyboard()">
    <!-- 按下事件onkeydown中调用maskingKeyboard（）函数屏蔽键盘的相关事件 -->
    <script>
        function maskingKeyboard() {
            //判断是否为Backspace键
            if(event.keyCode == 8) {
                event.keyCode = 0;
                event.returnValue = false;
                alert(" 当前设置不允许使用Backspace键 ");
            } 
            //判断是否为Enter键
            if(event.keyCode == 13) {
                event.keyCode = 0;
                event.returnValue = false;
                alert(" 当前设置不允许使用Enter键 ");
            }
            //判断是否为F5键
            if(event.keyCode == 116) {
                event.keyCode = 0;
                event.returnValue = false;
                alert(" 当前设置不允许使用F5键 ");
            }
            //判断是否为Alt+方向键←或方向键→
            if((event.altKey)&&((window.event.keyCode == 37)||(window.event.keyCode == 39))) {
                event.returnValue = false;
                alert(" 当前设置不允许使用Alt+方向键←或方向键→ ");
            }
            //判断是否为Ctrl+N键
            if((event.ctrlKey)&&(event.keyCode == 78)) {
                event.returnValue = false;
                alert(" 当前设置不允许使用Ctrl+N键新建IE窗口 ");
            }
            //判断是否为Shift+F10键
            if((event.shiftKey)&&(event.keyCode == 121)) {
                event.returnValue = false;
                alert(" 当前设置不允许使用Shift+F10键 ");
            }
        }
        document.onmousedown = rightKey; //当鼠标右键被单击时，调用rightKey（）函数
        function rightKey() {
            if(event.button == 2) {
                event.returnValue = false; //判断单击的是否为鼠标右键
                alert(" 禁止使用鼠标右键 ");
            }
        }
    </script>
</body>
</html>