第一个 JavaScript 函数:屏蔽键盘的输入

2018-11-14
学习笔记

编写 JavaScript 函数


function maskingKeyboard() {
if(event.keyCode == 8)
{
event.keyCode = 0;
event.returnValue = false;
alert("当前设置不允许使用 Backspace 键");
}
if(event.keyCode == 13)
{
event.keyCode = 0;
event.returnValue = false;
alert("当前设置不允许使用 enter 键");
}
if(event.keyCode == 116)
{
event.keyCode = 0;
event.returnValue = false;
alert("当前设置不允许使用 F5 刷新键");
}
//判断是否为Alt+方向键←或者→
if((event.altKey) && ((event.keyCode == 37 )||(event.keyCode == 39)))
{
event.returnValue = false;
alert("当前设置不允许使用 Alt + 方向键");
}
//判断是否为 Ctrl + N 快捷键
if((event.ctrlKey) && (event.keyCode == 78))
{
event.returnValue = false ;
alert("当前设置不允许使用 Ctrl + N 快捷键");
}
//判断是否为Shift + F10
if((event.shiftKey) && (event.keyCode == 121))
{
event.returnValue = false;
alert("当前设置不允许使用 Shift + F10");
}
}

在html中调用


JavaScript函数应该在head标签中定义,在body中调用。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
function maskingKeyboard() {
if(event.keyCode == 8)
{
event.keyCode = 0;
event.returnValue = false;
alert("当前设置不允许使用 Backspace 键");
}
if(event.keyCode == 13)
{
event.keyCode = 0;
event.returnValue = false;
alert("当前设置不允许使用 enter 键");
}
if(event.keyCode == 116)
{
event.keyCode = 0;
event.returnValue = false;
alert("当前设置不允许使用 F5 刷新键");
}
//判断是否为Alt+方向键←或者→
if((event.altKey) && ((event.keyCode == 37 )||(event.keyCode == 39)))
{
event.returnValue = false;
alert("当前设置不允许使用 Alt + 方向键");
}
//判断是否为 Ctrl + N 快捷键
if((event.ctrlKey) && (event.keyCode == 78))
{
event.returnValue = false ;
alert("当前设置不允许使用 Ctrl + N 快捷键");
}
//判断是否为Shift + F10
if((event.shiftKey) && (event.keyCode == 121))
{
event.returnValue = false;
alert("当前设置不允许使用 Shift + F10");
}
}
</script>
</head>
<body onkeydown="maskingKeyboard()">

</body>
</html>