IOS自带输入法中文不触发KEYUP事件导致vue双向绑定错误问题
2017-01-18 10:50
816 查看
先上图:
可以看到输入框中的内容和弹出框的内容不一致,
文本框使用的是vue的v-model双向绑定,在android中是ok的,在IOS上不行,
导致问题出现的原因是IOS自带输入法输入中文时不触发KEYUP事件,因为不触发KEYUP事件,导致文本框最后一个字符没有执行双向绑定,
Vue双向绑定原理会在下篇文章中分析
解决方法:
1.在提交前手工去执行KEYUP事件。
2.使用js判断值是否一致,不一致把js文本框值赋值给vue绑定值。
可以看到输入框中的内容和弹出框的内容不一致,
<input class="am-fr labRight" id="txcode" type="text" placeholder="请输入纳税人识别号" v-model="invBuyer.TaxCode" />
文本框使用的是vue的v-model双向绑定,在android中是ok的,在IOS上不行,
导致问题出现的原因是IOS自带输入法输入中文时不触发KEYUP事件,因为不触发KEYUP事件,导致文本框最后一个字符没有执行双向绑定,
Vue双向绑定原理会在下篇文章中分析
解决方法:
1.在提交前手工去执行KEYUP事件。
2.使用js判断值是否一致,不一致把js文本框值赋值给vue绑定值。
if(that.invBuyer.TaxCode!=$('#txcode').val()){ that.invBuyer.TaxCode=$('#txcode').val(); }
相关文章推荐
- IOS 下输入中文没有触发 keyup,导致绑定不了数据
- ios 自带输入法无法触发 keyup等键盘事件的修复
- 苹果自带输入法输入中文时keyup事件不能触发( 需要按确认键才能触发 )
- ios 自带输入法无法触发 keyup等键盘事件的修复
- 解决 jquery在iOS系统自带键盘无法触发keyup,keydown,keypress事件
- 解决 jquery在iOS系统自带键盘无法触发keyup,keydown,keypress事件
- 中文输入法导致html input的onkeyup事件无法被触发,解决方法
- $.hover()事件 快速触发导致动作延迟问题的解决
- 解决iOS的Safari浏览器解析绑定了onclick事件闪烁的问题
- html页面在IOS-safari浏览器下绑定点击绑定事件的div时会显示灰色框的问题
- 越狱iphone,keydown,keypress,keyup事件不触发问题
- vs2005,combox 数据绑定和SelectedIndexChanged事件触发 引发的问题
- IOS 6.0 下 在输入中文时 按下锁屏键 导致的闪退问题
- Ajax局部更新导致JS事件重复触发问题的解决方法
- [Unity3D]关于中文注释导致的文件编码错误问题
- .NET WinForm程序,用中文输入法输入字符时,重复触发OnKeyPress消息问题
- IOS 6.0 下 在输入中文时 按下锁屏键 导致的闪退问题
- 中文输入法不触发onkeyup事件的解决办法
- iOS 6.0 下 在输入中文时 按下锁屏键 导致的闪退问题
- 移动Web开发--Android自带浏览器弹软键盘触发resize事件问题