JavaScript键盘事件测试小结(转)

JavaScript键盘事件测试小结

lifesinger
August 25th, 2008

测试环境

  • 系统：Windows Vista Ultimate SP1
  • 输入法：谷歌拼音输入法 1.2.30.71
  • IE版本：ie6, ie7, ie8 beta1
  • Firefox版本：2.0.0.16, 3.0.1
  • Safari版本：3.1.2
  • Opera版本：9.51

测试结果

输入法未开启时输入法开启时
Firefox
  1. 正常按下再放起A键，会依次触发keydown, keypress, input, keyup
  2. 仅按下修饰键（Ctrl/Shift/Alt）时，不会触发keypress. 注意：按下Esc, Insert, Tab, Pause, Left, Up, Enter等键时，也会触发keypress. 小结：keypress在按下非字符键时，有些会触发，有些不会触发，具体浏览器还不同。
  3. 仅在输入框的值有变化时，才会触发input. 比如Backspace键会引起值的变化，因此会触发input. 但是要注意：光标在输入值最后面时，按下Delete键不会改变输入值，但依旧会触发input.
  4. 按住某键不放时，会连续触发keydown. 当按下的是会触发keypress的键（参考上面第2条）时候，还会连续触发keypress. 同样，如果按下的是会触发input的键，也会连续触发input.
  5. Ctrl+C/V/X快捷键粘贴复制等操作时，会依次触发keydown, keydown, keypress, input, keyup, keyup. 其中input仅在值有变化时才触发（比如粘贴一张图片到文字输入框时，不会触发input）。
  6. Ctrl+Z/Y操作时，和第5条规律一致。
  7. 通过鼠标右键进行粘贴复制等操作时，仅会触发input.
  1. 输入法中输入第一个字符时，触发keydown, keypress. 输入过程中不会触发键盘事件，输入完成时，会触发input, input, keyup.
  2. 输入法开启时，输入数字时，和输入法未开启时一致。
IE 和Firefox基本一致，就是input改成propertychange.
注意：
2. 在ie中，仅字符键会触发keypress. 这比firefox强。
3. 在ie中，Esc和Backspace功能一样，这和firefox不同。在ie中，Delete键没有改变值时，不会触发propertychange.
5. 在ie中，Ctrl+C/X/V不会触发keypress.
6. 在ie中，如果监听的事件中YAHOO.log这种页面输出的语句时，会导致Ctrl+Z/Y失效。没有输入语句时不会。（这可以认为是IE的Bug）
  1. 输入法中输入第一个字符时，触发keydown, keyup. 输入过程中也会连续触发keydown, keyup. 输入完成时，触发keydown, propertychange, keyup. （无论怎样都不会触发keypress）
  2. 输入法开启时，输入数字时，和输入法未开启时一样，但不会触发keypress.
Safari 大部分和Firefox一致。注意以下几条：
2. 和IE类似，仅字符键会触发keypress.
5. 和IE一致。
  1. 输入法中输入第一个字符时，触发keydown, input, keyup. 输入过程中会连续触发keydown, input, input, keyup. 输入完成时，触发keydown, input, input, keyup. （和IE一样，不会触发keypress）
  2. 输入法开启时，输入数字时，和IE一样，不会触发keypress.
Opera 大部分和Firefox一致。注意以下几条：
2. 所有键都会触发keypress.
4. 连续按下某键时，仅会连续触发keypress. （这个处理比其它浏览器合理）
5. 多个keypress.		 和上面的浏览器都不同，仅在输入完成时触发input.

posted on 2011-08-01 15:26  CarreyWu  阅读(396)  评论(0)    收藏  举报

导航