周五在ubuntu上测了一下重构后的富文本,发现依然存在一个bug: 开启了中文输入法的话, 输入框就监听不到按钮事件了。

这个问题在webqq的聊天框一直存在着,也有很多用户投诉,具体表现为: 切换到中文输入法(ibus or other),输入一段内容后,第一次按下回车键可以发送消息, 之后的回车键都变成输入框的换行了。

花了一个中午排查了下,总算找到原因了:

在ubuntu上面,切换到中文输入法的时候,只有第一次按下的keydown/keyup事件会被抛出,之后都keydown和keyup事件都会被输入法接收且不会冒泡,因此输入框没办法对按钮作出响应。这个行为跟用什么浏览器无关,我在firefox和chrome都发现有这个问题。如果你的系统是ubuntu,可以点击这里测试。

幸运的是,经过测试,发现keypress能响应回车键(以及其他ctrl+v等没触发出中文输入法的键盘行为),因此可以把监听回车事件的代码转移到keypress中,解决掉这个存留已久的bug。

注意:opera的keypress事件是没有charCode的,且keyCode与keydown/keyup事件的keyCode一致,无语...

2011-6-6 更新:more

通过对ubuntu下面的firefox、chrome、opera测试,有两个发现:

  1. 启用了中文输入法就会监听不到keydown的问题只出现在firefox上面
  2. opera的keypress事件的keyCode与keydown的keyCode一致的情况只出现在window版本上,ubuntu的版本没发现该问题

因此,ubuntu的兼容就只用对firefox进行处理。

Comments
Write a Comment
  • Prisocheorict reply

    非常感谢。

Tags

css3   魅力CSS   nodejs   loading   CSS   疯狂的菊花   html5   animation   compiler   编译脚本   png   WordPress   智能   旅行   优化   模板   历史记录   跨域   manifest   frame   canvas   动画   js   离线应用   codelet   transform   抽取   java   兼容问题   发布脚本   富文本   那一年在他乡   htaccess   iframe   帧动画   加载速度   intelligent   跨浏览器   DNS解析   插件   checkbox   单边   step-start   vary   复选框   自动更新   转换   文本溢出   盒子阴影   menu   blob   西安   滑动背景   box-shadow   内存占用   键盘事件   python   auto   text overflow   background   所见所得   android   rotate   字节数   合并   文本框   slide   字符串连接符   协议   伪类   兄弟选择符   网格   节点位置比较   空白   斜线拼接   自定义命令   溢出   clock   素描   无法更新   分隔符   字符编码   body   下载文件   精灵图   step   nodej   ubuntu   apache   css3选择器   创建文件   多级菜单   编辑状态   ajax   阴影   垂直   chrome   管道   时钟   firefox   背景   文件上传   createobjecturl   游记   下载   放射渐变   版本号   宽高   照片   localStorage   渐变背景   图片   图片拼接   属性值检测   自动生成   计算   返回键   oauth   合图   reset   调用   cavnas   漏洞   按钮   margin   线性渐变   xsrf   被黑   tab   checked   修复   border   消失   step-end   sprite   common-upload   菜单   兄弟选择器   字符串   svn   九寨沟   缩进   css遮罩   svg   添加系统服务   gzip   插入代码   动态   加速   模拟