额外的输入框phonegap jquerymobile

时间:2013-06-07 11:45:05

标签: html css jquery-mobile iscrollview

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

2 个答案:

答案 0 :(得分:2)

使用

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

答案 1 :(得分:1)

我在用户滚动时失去了当前输入的焦点,从而解决了这个问题。

我用position:absolute创建了空输入,并且左:-400em(因此它不可见)并为scroll事件添加了监听器:

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上测试过。它不能解决根问题,但用户不再可以看到滚动输入。