アンドロイド| iOSの互換キーボードイベント

問題の説明:あなたは、キーボードアンドリュースをプルアップすると、ページH5、ページを絞るだろうが歪みを低減するレイアウト。

      iOSのキーボードを引き上げた後、下に空白があり、(あなたが忘れてしまった場合は、無画像の一例であってもバーの場合)

アンドリュース:

  ページの高さまでのAndroidキーボードプルレイアウトの同様の割合を占めるようになる、そのページを使用することができる深刻な変形をもたらす、圧縮されたときに、ページの高さが変化し、表示または非表示にする次の内容

1つの   関数は、アンドロイドは、(){
 2        // アンドリュースキーボードはバウンスページの圧縮を適応
3。        U = CONST navigator.userAgent;
 4        LET =すなわち、この;
 5        IF(u.indexOf( "アンドロイド")> -1 || u.indexOf (の"Linux")> -1 ){
 6。         // アンドリュース電話
7          // 元の高さのビューを取得
8。          LET screenHeight = document.body.offsetHeight;
 9          // ウィンドウのサイズ変更イベントのバインディングで
10          window.onresize = 関数(){
 11            LET nowHeight = document.body.offsetHeight;
 12のIS           もし(nowHeight < screenHeight){
 13              that.display = "表示:なし" 14            } {
 15              that.display = "" ;
16            }
 17          }。
18        }
 19    }
コードの表示

iOSの:

    iOSの空白のページキーボードは(個人的な理解)本鎖ポップアップした後、iOSのは、(私は実際に、私は密かに背の高い、変更されていないと思います)空白に、弾性ストレッチを持っているので、

1つの 関数 scrollTopスプライト(){     // キーボードが初期位置の後に引き離される、ページせて
2      window.scroll(0、0 );
 3 }
コードの表示

上記、およびその他:H5は全ページです

PS:奇妙な互換性の多くは、長いユーザーが使用にはほとんど影響を持っているようとして、互換性のあるコンセプトを改ざんすることができ、他の方法にすることができます。

おすすめ

転載: www.cnblogs.com/Idlerblogs/p/12482226.html