键盘事件中keyCode、which和charCode 的兼容性测试

更新时间：2007年03月05日 00:00:00 作者：

测试结果：
在IE下：
>> 支持keyCode
>> 不支持which和charCode,二者值为 undefined

在Firefox下：
>> 支持keyCode，除功能键外，其他键值始终为 0
>> 支持which和charCode，二者的值相同

在Opera下：
>> 支持keyCode和which，二者的值相同
>> 不支持charCode，值为 undefined

<script type="text/javascript"> //By 枫岩@IECN.Net function $(s){   return document.getElementById(s)?document.getElementById(s):s; } function viewKeyInfo(e){     var currKey=0,CapsLock=0;   var e=e||event;   currKey=e.keyCode||e.which||e.charCode;   CapsLock=currKey >=65 && currKey <=90;   $("type").innerHTML=e['type'];   $("currKey").innerHTML=String.fromCharCode(currKey);   $("Decimal").innerHTML=currKey;   $("keyCode").innerHTML=e['keyCode'];   $("charCode").innerHTML=e['charCode'];   $("caps").innerHTML=CapsLock;   $("shiftKey").innerHTML=e['shiftKey'];   $("ctrlKey").innerHTML=e['ctrlKey'];   $("repeat").innerHTML=e['repeat'];   $("which").innerHTML=e['which']; } document.onkeypress= viewKeyInfo; </script> <p>请按下任意键看测试效果：</p> type:<span id="type"></span> 当前Key:<span id="currKey"></span> Decimal:<span id="Decimal"></span> keyCode:<span id="keyCode"></span> <strong>注：在FF下,keyCode始终为0</strong> which:<span id="which"></span> <strong>注：在IE下,which始终为undefined ； 在Opera下，keyCode和charCode二者的值相同</strong> charCode:<span id="charCode"></span> <strong>注：在IE、Opera下,charCode始终为undefined ; 在FF下，which和charCode二者的值相同</strong> 大写:<span id="caps"></span> altKey:<span id="altKey"></span> ctrlKey:<span id="ctrlKey"></span> shiftKey:<span id="shiftKey"></span> repeat:<span id="repeat"></span> <style type="text/css" media="all"> body {color:#999;font:normal 14px tahoma,宋体,Geneva,Arial,sans-serif;} span {color:#f00;font-weight:bold;padding:0 5px;} strong {color:#090;font-weight:normal;padding:0 5px;} </style>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

javaScript中"=="和"==="的区别详解
对于JavaScript中比较运算符，可能大家用的比较多的是“==”、对于“===”很多人可能很陌生。=== 表示恒等，首先比较两边的变量数据类型是否相等，其次比较两边的变量的数值是否相等；== 表示相等即仅仅比较两边变量的数值是否相等。
2018-03-03
node.js入门教程迷你书、node.js入门web应用开发完全示例
本书致力于教会你如何用Node.js来开发应用，过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello World”的教程。
2014-04-04
JavaScript DOM 学习第二章编辑文本
在这一章我会给出一个在CMS里非常有用的更新页面的代码。在任一段落点击鼠标你就可以修改了。完成以后点击按钮，修改的文本就显示了。
2010-02-02
Json和Jsonp理论实例代码详解
JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议,本文从理论到实践详细的讲解了JSON和JSONP的使用
2013-11-11
javascript高级选择器querySelector和querySelectorAll全面解析
下面小编就为大家带来一篇javascript高级选择器querySelector和querySelectorAll全面解析。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-04-04
浅谈关于JavaScript API设计的一些建议和准则
这篇文章主要介绍了浅谈关于JavaScript API设计的一些建议和准则,文中列举了许多知名的JS API进行辅助说明,极力推荐!需要的朋友可以参考下
2015-06-06
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
这篇文章主要介绍了javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结的相关资料,需要的朋友可以参考下
2016-10-10
Javascript学习笔记之函数篇（一） : 函数声明和函数表达式
function 是 Javascript 中的第一类对象，这就意味着函数可以像其他值一样被传递。一个最常见的用法就是将一个匿名函数作为回调函数传递到另外一个异步函数中。
2014-06-06
javascript学习笔记_浅谈基础语法,类型,变量
下面小编就为大家带来一篇javascript学习笔记_浅谈基础语法,类型,变量。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
ES6下javascript解构赋值常见用法总结
这篇文章主要介绍了在ES6下javascript赋值常见用法总结,需要的朋友可以参考下
2022-01-01

最新评论