管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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

　　测试结果：

　　在IE下：

　　>> 支持keyCode

　　>> 不支持which和charCode,二者值为 undefined

　　在Firefox下：

　　>> 支持keyCode，除功能键外，其他键值始终为 0

　　>> 支持which和charCode，二者的值相同

　　在Opera下：

　　>> 支持keyCode和which，二者的值相同

　　>> 不支持charCode，值为 undefined

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%2F%2FBy%20%E6%9E%AB%E5%B2%A9%40IECN.Net%20%0D%0Afunction%20%24(s)%7B%20%0D%0A%20%20return%20document.getElementById(s)%3Fdocument.getElementById(s)%3As%3B%20%0D%0A%7D%20%0D%0Afunction%20viewKeyInfo(e)%7B%20%20%20%0D%0A%20%20var%20currKey%3D0%2CCapsLock%3D0%3B%20%0D%0A%20%20var%20e%3De%7C%7Cevent%3B%20%0D%0A%20%20currKey%3De.keyCode%7C%7Ce.which%7C%7Ce.charCode%3B%20%0D%0A%20%20CapsLock%3DcurrKey%20%3E%3D65%20%26%26%20currKey%20%3C%3D90%3B%20%0D%0A%20%20%24(%22type%22).innerHTML%3De%5B'type'%5D%3B%20%0D%0A%20%20%24(%22currKey%22).innerHTML%3DString.fromCharCode(currKey)%3B%20%0D%0A%20%20%24(%22Decimal%22).innerHTML%3DcurrKey%3B%20%0D%0A%20%20%24(%22keyCode%22).innerHTML%3De%5B'keyCode'%5D%3B%20%0D%0A%20%20%24(%22charCode%22).innerHTML%3De%5B'charCode'%5D%3B%20%0D%0A%20%20%24(%22caps%22).innerHTML%3DCapsLock%3B%20%0D%0A%20%20%24(%22shiftKey%22).innerHTML%3De%5B'shiftKey'%5D%3B%20%0D%0A%20%20%24(%22ctrlKey%22).innerHTML%3De%5B'ctrlKey'%5D%3B%20%0D%0A%20%20%24(%22repeat%22).innerHTML%3De%5B'repeat'%5D%3B%20%0D%0A%20%20%24(%22which%22).innerHTML%3De%5B'which'%5D%3B%20%0D%0A%7D%20%0D%0A%0D%0Adocument.onkeypress%3D%20viewKeyInfo%3B%20%0D%0A%3C%2Fscript%3E"> 
请按下任意键看测试效果： 
type:
 
当前Key:
 
Decimal:
 
keyCode: 注：在FF下,keyCode始终为0
 
which: 注：在IE下,which始终为undefined ； 在Opera下，keyCode和charCode二者的值相同
 
charCode: 注：在IE、Opera下,charCode始终为undefined ; 在FF下，which和charCode二者的值相同
 
大写:
 
altKey:
 
ctrlKey:
 
shiftKey:
 
repeat:
 
<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需刷新才能执行]

教程首页更多教程