html - 额外的输入框phonegap jquerymobile

Question

我正在使用滚动表单iscrollview。真的很感激。我正在使用 JQM 1.3 。表单有一些输入字段。但是，当我键入一个字符并滚动它时，它会覆盖一个额外的输入框。直到我实现了 iscrollview，这才发生。任何帮助，将不胜感激。谢谢。

Answer 1

利用

-webkit-user-modify: read-write-plaintext-only;

Answer 2

我通过在用户滚动时失去当前输入的焦点来解决问题。

我用 position:absolute 和 left: -400em 创建了空输入（所以它不可见）并添加了滚动事件的侦听器：

JS：

$(document).delegate("#main-page", "iscroll_onscrollmove", function () {
  if($("#some-input).is(":focus")){
    //$("#some-input).blur() //in order to hide virtual keyboard uncomment 
    $("#focus-target").focus();
  }
});

HTML：

<input type="text" id="focus-target" style="width: 0; height: 0; position: absolute; left: -400em;"/>

到目前为止，我只在 Android 上进行了测试。它不能解决根本问题，但滚动输入不再对用户可见。