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上都有這個問題，不知道為啥……

knockoutJs在行動裝置上有時無法更新控制項值