输入法的回车与消息发送快捷键回车的冲突解决方法输入法的回车与消息发送快捷键回车的冲突解决方法
问题：问题：在中文输入法输入文字时按ENTER键；绑定keyup事件会将输入法中的英文文字输入到文字框并直接触发发送按钮
键盘事件：键盘事件：
当一个按键被pressed或者released，在每一个浏览器中都可能会触发三种键盘事件
keydown
keypress
keyup
keydown事件发生在按键被按下的时候，接着触发keypress，松开按键的时候触发keyup事件
中文输入法：中文输入法：
firfox：输入触发keydown，回车确认输入触发keyup
chrome：输入触发keydown、keyup，回车确认输入只触发keydown
IE：输入触发keydown、keyup，回车确认输入触发keydown，keyup
Safari：输入触发keydown、keyup，回车确认输入触发keydown，keyup
opera：输入触发keydown、keyup，回车确认输入触发keydown，keyup
在input、textarea中，中文输入法时：没有触发keypress事件
keypress事件：对中文输入法支持不好，无法响应中文输入；无法响应系统功能键
HTML代码：代码：
<textarea name="" id="text" cols="30" rows="5"></textarea>
<script type="text/javascript">
var text = document.getElementById('text');
text.onkeydown = function(e) {
console.log('keydown');
if(e.keyCode == 13) {
console.log('keydown enter send');
}
console.log('value', text.value);
}
text.onkeypress = function(e) {
console.log('keypress');
console.log('value', text.value);
}
text.onkeyup = function(e) {
console.log('keyup');
if(e.keyCode == 13) {
console.log('keyup enter send');
}
console.log('value', text.value);
}
</script>
英文输入法：英文输入法：
上图可得结论：
keydown、、keypress发生在文字还没敲入输入框时，如果在发生在文字还没敲入输入框时，如果在keydown、、keypress事件中输出文本框的文本，得到的是触发事件中输出文本框的文本，得到的是触发
键盘事件前文本框中的文本；键盘事件前文本框中的文本；
keyup事件触发时，整个键盘事件输入文字的操作已经完成，得到的是触发键盘事件后的文本内容。事件触发时，整个键盘事件输入文字的操作已经完成，得到的是触发键盘事件后的文本内容。
中文输入法：【没有中文输入法：【没有keypress事件】事件】
评论0