vue input 中文输入法回车

 <input type="text" class="tc-15-input-text" placeholder="请和Bot进行聊天" v-model="cilentText" @keydown.13="doInputText" @keydown.229="() => {}">

中文输入法时所有的键盘按钮触发的 keydown 事件 keyCode 都会等于 229. 但是如果 input 已经注册了回车事件的话，中文输入到一半直接回车（期望输入英文）的时候就会直接触发回车事件，这里如果将回车事件直接通过 @keydown.13 = handle ，再添加一个中文输入事件 @keydown.229 = handle 的话，中文输入法的回车就不会被捕获而触发回车事件了。

其实这个场景还蛮常见的，比如 github 的搜索，可以试一试，切换成中文输入法，输入内容之后不按空格键或数字键，而是直接按回车，搜索的内容将不是完整的英文，也不是中文。。。。

vue input 中文输入法回车相关推荐

VUE扫码枪中文输入法兼容自动回车事件(上)
背景最近产品想要在页面上加一个input输入框,想要手动输入,也想要扫码枪扫描输入,大家都知道扫码枪扫描后会自动出发input的回车enter事件的,我当初也是这么认为的,所以在input上就直接绑 ...
input 中文输入法额外触发change事件问题
用ant mobile input 组件实现下面输入提示,提示添加click事件,input 添加change事件. 预期:点击提示项的时候,预期是只触发click事件. 实际:英文输入法正常,只触发 ...
vue中模糊搜索keyup在中文输入法下输入英文无效的解决方法
keyup事件在中文输入法下输入英文,vue中对应的val属性值为空.控制台显示并没有获取到任何值,但是input中确实有字母.纳尼?说好的双向绑定呢? 要解决这个问题可以采用watch+keyup事 ...
阻止中文输入法输入拼音的时候触发input事件
阻止中文输入法输入拼音的时候触发input事件前言最近看element-ui源码的时候看到el-input发现的.这个少见的事件. compositionstart.compositionend事 ...
解决 input 输入框在中文输入法下的 bug
最近本山人在项目的开发过程中遇到这么一个问题: 在列表中嵌入antd的Input输入框,切换到微软输入法输入时,就不能成功输入中文字符,然而搜狗输入法又是正常的. 研究一番,发现是input的valu ...
ios 中文输入法完成事件_compositionEnd 和 input 事件（中文输入法问题）
网上用 compositionstart + compositionend + input 解决中文输入法问题的办法 node.addEventListener('compositionstart', ...
解决React中input输入框在中文输入法下的bug
解决React 中input 输入框在中文输入法下的bug 需求:封装Input 组件,输入拼音过程中不触发onChange,拼音输入结束后触发onChange 原理:input 标签上面有两个事件, ...
input的中文输入法监听
在前端(html5)页面中监听input输入框中的值的变化,通常都逃不掉中文输入法的问题. 在使用中文输入法时,如何判断用户是直接输入还是间接输入呢? input的compositionstart和c ...
html5输入法完成事件,监听Input在中文输入法下输入事件
正常情况下,如果想要监听输入框的输入事件并做一些其他的事比如实时搜索啥的,可以通过 input.addEventListener('input', function(event) {//do some ...

vue input 中文输入法回车

vue input 中文输入法回车

vue input 中文输入法回车相关推荐

最新文章

热门文章