欢迎来到代码驿站！

JavaScript代码

当前位置：首页 > 网页前端 > JavaScript代码

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

时间：2021-04-15 11:19:34|栏目：JavaScript代码|点击：次

测试结果：
在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需再刷新一下页面才能执行]

上一篇：js Object2String方便查看js对象内容

栏目：JavaScript代码

下一篇：javascript数组操作方法小结和3个属性详细介绍

本文标题：键盘事件中keyCode、which和charCode 的兼容性测试

本文地址：http://www.codeinn.net/misctech/101938.html

更多JavaScript代码

阅读排行

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。

如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。

联系QQ：914707363 | 邮箱：codeinn#126.com(#换成@)

Copyright © 2020 代码驿站版权所有