Дополнительное поле ввода phonegap jquerymobile

Я использую форму скроллера iscrollview. Это действительно ценится. Я использую JQM 1.3 . Форма имеет поле ввода. Однако, когда я набираю символ и прокручиваю его, он перекрывает дополнительное поле ввода. Этого не произошло, пока я не реализовал iscrollview. Любая помощь будет оценена. Благодарю.

2 ответа

Использование

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

Я сделал обходной путь, потеряв фокус текущего ввода, когда пользователь прокручивает.

Я создал пустой ввод с позицией: 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. Это не решает корневую проблему, но прокрутка ввода больше не видна пользователю.

Другие вопросы по тегам