电脑技术学习

js 判断键盘事件大全 兼容FireFox和IE(退格、制表、回车、空格、方向键、删除键等)

dn001

实例介绍:

1、JavaScript 方法:

示例1:

只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。

复制代码

<script type="text/javascript" language=JavaScript charset="UTF-8">

; ; document.onkeydown=function(event){

; var e = event || window.event || arguments.callee.caller.arguments[0];

; if(e && e.keyCode==27){ // 按 Esc;

; ; ; //要做的事情

; ; }

; if(e && e.keyCode==113){ // 按 F2;

; ; ; ;//要做的事情

; ; ;} ; ; ; ; ; ;

; ;if(e && e.keyCode==13){ // enter 键

; ; ; ;//要做的事情

; }

};;

</script>

复制代码

示例2:

复制代码

<script type="text/javascript" language=JavaScript charset="UTF-8">

; document.onkeydown=function(event){;

e = event ? event :(window.event ? window.event : null);;

if(e.keyCode==13){;

; //执行的方法 ;

; alert('回车检测到了');;

};

; };

</script>

复制代码

示例3:

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;

<html xmlns="http://www.w3.org/1999/xhtml" > ;

<head>

<title>Check Score</title>

<script language="JavaScript"><!-- ;

; function keyLogin(){ ;

if (event.keyCode==13) ; //回车键的键值为13 ;;

; ;document.getElementById("input").click(); //调用登录按钮的登录事件 ;;

} ;

// -->

</script> ;;

</head> ;

<body onkeydown="keyLogin();"> ;

<input type="text" /> ;

<input id="input" value="登录" type="button" onclick="alert('调用成功!')/>

</body> ;

</html>;