javascript - keypress 和 keyup - 为什么 keyCode 不同？

Question

相关:JavaScript KeyCode vs CharCode

这是一些您可以在家或在 jsfiddle 中尝试的代码:

el.addEventListener( 'keyup', function( e ) { 
    console.log( 'Keyup event' );
    console.log( e.keyCode );
} ); 
el.addEventListener( 'keypress', function( e ) { 
    console.log( 'Keypress event' );
    console.log( e.keyCode );
} );

为什么keyCode不一样？

我能理解为什么一个人应该只使用按键，但我不明白的是两个键事件如何在键盘上给出相同的击键时给出不同的键码。

PS:我不担心遗留浏览器的支持，我在 Chrome 中试过这个并且很惊讶，找不到解释。

Answer 1

这些事件的目的完全不同。使用 keyup 和 keydown 来识别物理键，使用 keypress 来识别键入的字符。两者是不同事件的根本不同任务；不要试图将两者混为一谈。特别是，keypress 事件上的 keyCode 通常是多余的，不应使用(除了较旧的 IE，但请参阅下面的链接文档了解更多信息)；对于可打印的按键，它通常与 which 和 charCode 相同，尽管浏览器之间存在一些差异。

Jan Wolter's article on key events ，已经链接到另一个答案，对我来说是关于这个主题的权威词，并且有表格描述每个不同的属性为每种类型的键事件和每个浏览器返回什么。