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

更新时间：2006年12月25日 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中的事件驱动进行了详细的分析介绍，需要的朋友参考下
2013-05-05
详解javascript void(0)
这篇文章主要介绍了javascript void关键字的相关资料，文中讲解非常细致，帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-07-07
详解JavaScript实现异步Ajax
本文详细讲解了JavaScript实现异步Ajax的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-05-05
使用 stylelint检查CSS_StyleLint
你需要一个防止错误产生的机器，可以理解CSS并且理解你:你的意图、喜好、主意以及弱点。只要是它可以阻止的错误它都会持续阻止。同时，你和你的同事可以一直改善机器，扩展它的功能并且削弱其局限性。
2016-04-04
Websocket协议详解及简单实例代码
这篇文章主要介绍了Websocket协议详解及简单实例代码的相关资料,这里对websocket 协议进行详细介绍，并附简单实例代码，需要的朋友可以参考下
2016-12-12
js的匿名函数使用介绍
匿名函数的作用是创建一块封闭区域，外面不能够访问里面的变量和方法，下面为大家介绍下什么是匿名函数及其如何使用
2013-12-12
JS保存和删除cookie操作判断cookie是否存在
本文内容讲的是:JS保存和删除cookie操作,判断cookie是否存在的方法
2013-11-11
0基础学习前端开发的一些建议
这篇文章主要介绍了0基础学习前端开发的一些建议，文中一些建议非常宝贵，希望能帮助想学前端的你，感兴趣的朋友可以了解下
2020-07-07
ES6基础语法之Map和Set对象
这篇文章介绍了ES6基础语法之Map和Set对象，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-05-05
了解JavaScript函数中的默认参数
JavaScript函数可以有默认参数值。通过默认函数参数，你可以初始化带有默认值的正式参数。下面我们来一起学习一下吧
2019-05-05

最新评论