使用 phonegap 防止键盘在 iOS 应用程序中向上推 webview

     2023-03-15     221

关键词:

【中文标题】使用 phonegap 防止键盘在 iOS 应用程序中向上推 webview【英文标题】:Prevent Keybord push up webview at iOS app using phonegap 【发布时间】:2016-03-09 09:37:05 【问题描述】:

每当我在 iOS 应用程序中单击文本字段或数据选择器时,导航栏都会随着滚动而向上移动。键盘向上时可能是webview正在上升。 当键盘未启动时,屏幕如下图所示:

当我触摸文本字段“在此处输入数字”时,键盘向上移动,如下图所示:

与其他具有数据选择器的页面相同,导航栏无法像下面的屏幕截图那样固定。

【问题讨论】:

【参考方案1】:

我不建议在任何网络应用程序中使用 setTimeout。如果您在模糊事件上使用 jquery,请尝试“.scrollTop(0)”。

我曾经遇到过类似的问题,这不是最好的解决方案,但我记得我更改了我的应用程序配置,所以它不是全屏的(我将它设置为显示顶部栏)并且解决了我的问题。这是某些 phonegap/cordova 版本的问题。

【讨论】:

我也更改了我的应用程序设置,尝试不全屏但它没有解决我的问题。你能给我你的代码的演示链接吗?【参考方案2】:

试试这个

$('input').on('focus', function(e) 
e.preventDefault();
e.stopPropagation();
setTimeout(
    function()
        windows.scrollTo(0, 0);
    , 100);
);

【讨论】:

如何在 iOS 中使用 Phonegap 配置键盘?

】如何在iOS中使用Phonegap配置键盘?【英文标题】:HowtoconfigurekeyboardusingPhonegapiniOS?【发布时间】:2014-06-2513:34:10【问题描述】:是否可以隐藏这条线,并使用Phonegap触摸外部以关闭键盘?【问题讨论】:Thispost可能对这种情况有... 查看详情

如何防止我的 Phonegap 应用在 ios 上全屏播放视频?

】如何防止我的Phonegap应用在ios上全屏播放视频?【英文标题】:HowcanIpreventmyPhonegapappfromplayingvideofullscreenonios?【发布时间】:2014-08-2517:55:33【问题描述】:我正在制作一个Phonegap应用程序,我正在使用embed.ly。Embed.ly获取视频链... 查看详情

如何防止meteor.local的负载(使用phonegap构建ios应用程序时)

】如何防止meteor.local的负载(使用phonegap构建ios应用程序时)【英文标题】:Howtopreventloadofmeteor.local(whenbuildingiosappwithphonegap)【发布时间】:2015-05-1100:09:52【问题描述】:这是我向here提出的一个问题的延伸,该问题没有得到答复... 查看详情

iOS PhoneGap。防止 iFrame 缓存

】iOSPhoneGap。防止iFrame缓存【英文标题】:iOSPhoneGap.PreventiFramefromcaching【发布时间】:2012-10-0809:56:57【问题描述】:在iPad的PhoneGap应用程序中,我有一个iFrame,它显示存储在在线数据库中的数据。在进一步的步骤中,我通过JSON下... 查看详情

你能在 iOS 上的 PhoneGap 应用中显示搜索键盘吗? [复制]

】你能在iOS上的PhoneGap应用中显示搜索键盘吗?[复制]【英文标题】:CanyoudisplayasearchkeyboardinaPhoneGapapponiOS?[duplicate]【发布时间】:2014-03-2122:52:32【问题描述】:我正在为iOS开发一个PhoneGap应用。我正在使用PhoneGap3.3.0和jQueryMobile。... 查看详情

Phonegap JQM 固定位置页眉/页脚在关闭 iOS 键盘后移动

】PhonegapJQM固定位置页眉/页脚在关闭iOS键盘后移动【英文标题】:PhonegapJQMFixedPositionHeader/FooterMovesAfterDismissingiOSKeyboard【发布时间】:2012-02-1800:49:28【问题描述】:我正在尝试在Phonegap项目中使用JQM在iOS应用程序中创建固定的页... 查看详情

如何在 iOS 8 上的 Cordova / PhoneGap 应用程序中隐藏键盘表单附件栏? [复制]

】如何在iOS8上的Cordova/PhoneGap应用程序中隐藏键盘表单附件栏?[复制]【英文标题】:HowdoIhidetheKeyboardFormAccessoryBarinmyCordova/PhoneGapapponiOS8?[duplicate]【发布时间】:2015-01-2919:40:29【问题描述】:我已将Cordova升级到4.2.0,我的iOS项目... 查看详情

PhoneGap IOS 键盘完成按键事件

】PhoneGapIOS键盘完成按键事件【英文标题】:PhoneGapIOSKeyboardDoneKeyEvent【发布时间】:2013-05-1400:15:57【问题描述】:我在PhoneGapIOS应用程序中使用JQueryMobile。我目前在搜索键中成功捕获了IOS键盘返回,如下所示。JSfunctionblah()if(window... 查看详情

iOS 的 Ionic/AngularJS/Phonegap 键盘问题

】iOS的Ionic/AngularJS/Phonegap键盘问题【英文标题】:Ionic/AngularJS/PhonegapKeyboardissuewithiOS【发布时间】:2014-08-1514:53:21【问题描述】:我们使用IonicFramework、AngularJS、PhonegapBuild3.4创建了一个应用程序我们在iOS上遇到了一些键盘问题-在... 查看详情

没有焦点的Phonegap iOS键盘事件

】没有焦点的PhonegapiOS键盘事件【英文标题】:PhonegapiOSKeyboardeventwithoutfocus【发布时间】:2013-09-0909:34:26【问题描述】:我目前正在开发一个带有phonegap的简单iOS/Android应用程序。为了改善用户体验,该应用程序使用了许多快捷方... 查看详情

从使用 Phonegap 构建的 iOS 应用程序发布到 Facebook 墙

】从使用Phonegap构建的iOS应用程序发布到Facebook墙【英文标题】:PosttofacebookwallfromiOSappwhichisbuildusingPhonegap【发布时间】:2012-11-3011:58:22【问题描述】:我有一个使用Phonegap构建的应用程序,所以我只有全部HTML和Java脚本。我可以... 查看详情

iOS - Phonegap 或 WebApp 键盘问题

】iOS-Phonegap或WebApp键盘问题【英文标题】:iOS-PhonegaporWebAppkeyboardissue【发布时间】:2013-07-0812:33:34【问题描述】:我是iOS编程新手,键盘有点问题...那是一个网络应用程序,应用程序只显示移动网站。在这个网站中,有表格,在... 查看详情

出现屏幕键盘时保留页面布局(iOS/phonegap)

】出现屏幕键盘时保留页面布局(iOS/phonegap)【英文标题】:Retainingpagelayoutwhenon-screenkeyboardappears(iOS/phonegap)【发布时间】:2014-06-1414:59:31【问题描述】:我正在使用cordova和angularJS创建一个单页非本地iOS应用程序。每当屏幕上的i... 查看详情

Phonegap 远程构建

】Phonegap远程构建【英文标题】:Phonegapremotebuild【发布时间】:2015-01-0401:41:08【问题描述】:我正在Senchatouch(Touch2.4&&CMD5)中开发应用程序,并使用Android和iOS的Phonegap/Cordova进行打包。我正在使用Android设备(HTC)和iOS设备... 查看详情

Phonegap fileTransfer.Download 不适用于 ios phonegap 3.0

】PhonegapfileTransfer.Download不适用于iosphonegap3.0【英文标题】:PhonegapfileTransfer.Downloadisnotworkingoniosphonegap3.0【发布时间】:2014-06-2216:02:48【问题描述】:我正在使用JQM开发一个应用程序,然后使用build.phonegap.com,我正在构建该应用... 查看详情

改变ios键盘的方向?

...【发布时间】:2015-06-0715:46:08【问题描述】:我正在使用phonegap.build,我需要在我的游戏应用上执行以下操作:游戏一直强制为横向模式,没有画布版本,这是ios和android唯一的游戏,我用phonegap。使用facebook-connect插件:https://gith... 查看详情

键盘使用 iFrame/object 和 JQTouch 隐藏 PhoneGap Build 3.1 中的 iOS 输入字段

】键盘使用iFrame/object和JQTouch隐藏PhoneGapBuild3.1中的iOS输入字段【英文标题】:KeyboardhidesiOSinputfieldsinPhoneGapBuild3.1withaniFrame/objectandJQTouch【发布时间】:2013-12-1321:34:39【问题描述】:我正在开发一个应用程序,可以将另一个网站的... 查看详情

如何使用 Phonegap 和 javascript 在 iPhone 上隐藏和显示键盘

】如何使用Phonegap和javascript在iPhone上隐藏和显示键盘【英文标题】:HowtohideandshowthekeyboardonaniPhoneusingPhonegapandjavascript【发布时间】:2013-04-0412:51:50【问题描述】:在我的Phonegap应用程序中,我有一个屏幕,如果用户在文本区域之... 查看详情