本文介绍了一个简单的JavaScript键盘事件监听示例，通过document.onkeydown方法捕捉按键事件，并根据不同浏览器（IE与Firefox）获取按键码的方式展示如何实现跨浏览器兼容性。
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>js键盘事件监听</title>
</head>
<Script language=javascript>
<!--
var ie;
var firefox;
if (document.all) ie = true; else ie = false; //判断是否IE
document.onkeydown = KeyPress;
//设置键盘事件函数
function KeyPress(){
var key;
if (ie) key = event.keyCode;
//Ie使用event.keyCode获取键盘码
else
key = KeyPress.arguments[0].keyCode;
//FireFox使用我们定义的键盘函数的arguments[0].keyCode来获取键盘码
alert(key); //弹出对话框显示 键盘的数字值
console.log(key);
}
//-->
</Script>
<body>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>js键盘事件监听</title>
</head>
<Script language=javascript>
<!--
var ie;
var firefox;
if (document.all) ie = true; else ie = false; //判断是否IE
document.onkeydown = KeyPress;
//设置键盘事件函数
function KeyPress(){
var key;
if (ie) key = event.keyCode;
//Ie使用event.keyCode获取键盘码
else
key = KeyPress.arguments[0].keyCode;
//FireFox使用我们定义的键盘函数的arguments[0].keyCode来获取键盘码
alert(key); //弹出对话框显示 键盘的数字值
console.log(key);
}
//-->
</Script>
<body>
键盘控制测试！弹出对话框显示 键盘的数字值!
////文件存储格式:HTML, 用浏览器调试的话按F12
</html>
//-------------HTML中嵌入Javasript的方法及在页面的执行顺序-------------------------------------------------------------
//http://www.cnblogs.com/jinianjun/archive/2012/08/14/2638772.html
扫一扫
1193
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
