2014-12-29 61 views
2

我正在用HTML5/Javascript(基本上是一個telnet終端)編寫一個單頁面的web應用程序。它正在使用很多文本輸入,所以大多數時候軟件鍵盤都可以在觸摸設備上看到。如何在iOS上的移動web瀏覽器中使鍵盤觸發器調整大小事件?

似乎在iOS(iPad上使用最新的iOS),顯示軟件鍵盤確實調整頁面大小,並不會觸發resize事件(在Javascript),引起我的應用程序的輸出的一半是關閉屏幕。

有什麼方法可以改變iOS上的這種默認行爲(可能帶有元標記等),還是有其他一些我可以使用的事件?無論何時顯示/隱藏鍵盤並因此視口尺寸變大,我都希望收到調整大小或其他事件。

回答

-1

你如何嘗試.focus()?如果輸入被集中可以觸發調整大小:上.focus

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

}); 

更多信息() http://api.jquery.com/focus/

+0

感謝您的回答!這種方法的問題是,我沒有得到新的視覺視口大小(視口的原始高度 - 鍵盤高度),以便調整我的頁面大小,使其無需滾動即可適應屏幕。看起來,在Safari中,軟鍵盤默認情況下根本不會更改視覺視口,而這正是我想要改變的。 – user3265222

+0

如何在輸入焦點時將整頁向上移動?這可能適用於解決方法,或者我正在弄錯你想要做什麼。 – herrsiim

相關問題