Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在iOS上的移动web浏览器中调整键盘触发器大小事件?_Javascript_Jquery_Html_Ios_Mobile - Fatal编程技术网

Javascript 如何在iOS上的移动web浏览器中调整键盘触发器大小事件?

Javascript 如何在iOS上的移动web浏览器中调整键盘触发器大小事件?,javascript,jquery,html,ios,mobile,Javascript,Jquery,Html,Ios,Mobile,我正在用HTML5/Javascript编写一个单页web应用程序(基本上是一个telnet终端)。它大量使用文本输入,因此大多数时候,触摸设备上都可以看到软件键盘 似乎在iOS(最新iOS的iPad)上,显示软件键盘不会调整页面大小,也不会触发调整大小事件(Javascript),导致我的应用程序一半的输出离开屏幕 是否有任何方法可以改变iOS上的默认行为(可能使用meta标记或类似的方式),或者是否有其他事件可以使用?每当显示/隐藏键盘时,我希望收到调整大小或其他事件,从而改变视口大小。试试

我正在用HTML5/Javascript编写一个单页web应用程序(基本上是一个telnet终端)。它大量使用文本输入,因此大多数时候,触摸设备上都可以看到软件键盘

似乎在iOS(最新iOS的iPad)上,显示软件键盘不会调整页面大小,也不会触发调整大小事件(Javascript),导致我的应用程序一半的输出离开屏幕

是否有任何方法可以改变iOS上的默认行为(可能使用meta标记或类似的方式),或者是否有其他事件可以使用?每当显示/隐藏键盘时,我希望收到调整大小或其他事件,从而改变视口大小。

试试看。focus()?如果您的输入集中,您可以触发调整大小:

$('#input').focus(function() {
  //do resize

}); 
有关.focus()的详细信息

谢谢你的回答!这种方法的问题是,我没有获得新的可视视口大小(视口的原始高度-键盘高度),以便调整页面大小,使其适合屏幕而无需任何滚动。似乎在Safari中,默认情况下,软键盘根本不会改变视觉视口,这正是我试图改变的。当输入聚焦时,你会将整个页面向上移动吗?这可能是一个解决办法,或者我对你试图做的事情有错误的想法。