Javascript兼容 IE Firefox 的键盘控制事件
作者:admin 日期:2012-04-14
document.onkeydown = keyDown
浏览器执行该语句时,无论按下键盘上的哪个键,都将执行KeyDown函数;
function keyDown(e)
变量e表示发生击键事件;
IE:event.keyCode
FF:e.which
获取该键的索引值;
String.fromCharCode()
将索引值转化成该键的字母或数字值;
XML/HTML代码
- <!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>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>兼容 IE Firefox 的键盘控制事件</title>
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- <style type="text/css">
- body {font-size:12px;color:#333;}
- input {padding:3px;width:100px;border:1px solid #DDD;}
- </style>
- </head>
- <body>
- <p><strong>JavaScript将捕获您的按键</strong></p>
- <p><label>按键码:</label><input type="text" name="keycode" /></p>
- <p><label>字 符:</label><input type="text" name="keyname" /></p>
- <script type="text/javascript">
- document.onkeydown = keyDown;
- function keyDown(e){
- var ee = e || event,
- keycode = e.which || e.keyCode,
- keyname = String.fromCharCode(keycode);
- document.getElementsByName("keycode")[0].value = keycode;
- document.getElementsByName("keyname")[0].value = keyname;
- }
- </script>
- </body>
- </html>
上一篇: Javascript为firefox实现innerText属性
下一篇: JavaScript图片旋转一周效果
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: javascript
相关日志:
下一篇: JavaScript图片旋转一周效果
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: javascript
相关日志:
评论: 0 | 引用: 0 | 查看次数: 2032
发表评论
广告位