首页 > 代码库 > Chrome中的onkeypress 的keyCode BUG
Chrome中的onkeypress 的keyCode BUG
在Chrome中onkeypress的keyCode和onkeydown中的keyCode并不一致...
其中onkeypress无法捕获F1~F12,onkeydown可以捕获
onkeypress捕获a-z时区分大小写,onkeydown不区分大小写。
最主要的一个问题就在于a-z的大小写,由于onkeypress不捕获F1~F12,但是区分a-z的大小写。而且直接用的字母的ascii码,就导致小写字母的一部分keyCode覆盖了F1~F12,因而判断这里的keyCode的时候,会发生混乱。
如下测试(输入的abctuvABCTUV):
可以看到在输入小写字母的时候,keypress和keydown完全不一样,在输入大写字母的时候,两者是一致的。
因而,在使用时必须注意。在Chrome和IE中使用keydown完全能达到要求,似乎在firefox中需要用keypress,如果想要两者都兼容怎么办?
千万不要同时写keypress和keydown,这样在你输入小写字母“t"的时候,说不定就引发了F5刷新的效果。
至于应该怎么做,还是建议判断浏览器,然后设置对应的事件。
最后附上测试代码:
<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>KeyPress Test</title> <script> document.onkeypress = keypress; function keypress() { document.getElementById(‘keypress‘).value += ‘\n‘ + (‘keyCode:‘+event.keyCode); } document.onkeydown = keydown; function keydown() { document.getElementById(‘keydown‘).value += ‘\n‘ + (‘keyCode:‘+event.keyCode); } function Clear(){ document.getElementById(‘keypress‘).value = http://www.mamicode.com/‘‘;>Chrome中的onkeypress 的keyCode BUG
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。