输入法的回车与消息发送快捷键回车的冲突解决方法_电脑快捷键冲突资源-CSDN下载

170 浏览量 2020-12-10 12:25:59 上传评论收藏 99KB PDF 举报

资源详情

资源评论

资源推荐

输入法的回车与消息发送快捷键回车的冲突解决方法输入法的回车与消息发送快捷键回车的冲突解决方法

问题：问题：在中文输入法输入文字时按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事件】事件】

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

内容反馈

weixin_38650629

粉丝: 4

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip