你的位置:首页 > Java教程

[Java教程]knockoutJs在移动设备上有时无法更新控件值


最近在用cordova(phonegap)写一个移动app,表单比较复杂,用了knockoutJs作为前端的MVVM框架进行数据绑定。

但是发现有时候(其实是每次)如果最后在input中编辑一个值,然后直接点保存按钮(用JQM的tap事件,之前直接用touchend也一样),会发现最后焦点所在的这个控件的值没有更新。

猜测是因为KO的value绑定默认是在控件触发change事件时更新view model中的值,但是不知道为什么点击保存按钮并没有触发最后这个input的change事件。

解决方法也很简单,在保存按钮的响应事件中,手动触发一下当前控件的change:

  1: if (document.activeElement) {
  2:  $(document.activeElement).trigger("change");
  3: }


 

这个问题在PC的浏览器中并不存在,所以用Ripple模拟器的时候没有发现,但是在iOS和android上都有这个问题,不知道为啥……