聚焦时输入隐藏在键盘下(Phonegap android)

时间:2016-10-04 15:06:09

标签: jquery cordova jquery-mobile

我在config.xml中使用以下代码

<preference name="fullscreen" value="false" />

但是它产生的结果是不可接受的,因为当我专注于输入(输入位于表格的底部)时,输入字段被键盘隐藏

但是只要输入一个字符,表单就会自动滚动到顶部,并且该字段会正确显示。 它在按键上工作正常,但我需要这样做才能集中注意力

我想在输入任何东西之前,即使在聚焦时也要保持输入显示。我试着像

那样模拟按键
$(".form-control").click(function (evt){
            var e = $.Event('keyup');
            e.which = 65;
            $(this).trigger(e);//it doesn't work
            $(this).val("");
       });

但是没有什么对我有用。

1 个答案:

答案 0 :(得分:0)

您应该使用以下命令获取input元素的位置: $(this).offset().top;

然后在焦点事件监听器上滚动到输入位置:

$('#input_id').on('focus', function() {
    document.body.scrollTop = $(this).offset().top;
});

您可能希望在所有表单输入的焦点上触发:

$('#form_id').delegate(':input', 'focus', function() {
    document.body.scrollTop = $(this).offset().top;
})