JavaScriptを使用してiOSでキーボードイベントを隠す方法

iPad仮想キーボードでキーボードの非表示ボタンを押したときに、ウェブページのコンテンツのサイズを変更する必要があります。キーボードが隠されているときに、どのJavaScriptイベントが起動するのかを知っていますか？ここでJavaScriptを使用してiOSでキーボードイベントを隠す方法

出典

2012-03-22 Marius

[iPad Web App：SafariでJavaScriptを使用した仮想キーボードの検出？]（http://stackoverflow.com/questions/2593139/ipad-web-app-detect-virtual-keyboard-using-javascript-in） -safari） – mplungjan

仕事を与えます。それはぼかしのようですが、泡です。キーボードが閉じると（もちろん、他のケースでも）起動します。 SafariとChromeでは、イベントは従来のメソッドではなく、addEventListenerでのみ登録できます。ここでは、キーボード解雇後にPhonegapアプリを復元するために使用した例を示します。

document.addEventListener('focusout', function(e) {window.scrollTo(0, 0)});

このスニペットがないと、アプリのコンテナはページを更新するまでアップスクロールした位置にとどまっていました。

出典

2013-10-19 08:24:09

Ha、これは私が「キーボード解読後にPhonegapアプリを復元する」という正確なシナリオです。 – ganders

このEventListenerは、ExtJS 5の問題を解決するのに役立ちました。 SafariでIOSキーボードが非表示になってから、ExtJSページの内容が少しスクロールダウンしたままになります。これは、ExtJS 5.0.1ではタッチインターフェースでスクロールが無効になっているので問題です。したがって、このイベントを使用してExtJSビューコンテナでdoLayout（）をトリガーし、コンテナを画面境界内に再び収めるようにしました。 – Jasper

これは[CrossBrowserTestingのChrome 41/iOS 6エミュレータでは動作しません]（http://i.imgur.com/bZbz9Cm.png）です。 –

は、それが表示されないhttp://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5

につながるList of supported Javascript events on iPad

を開始するには良い場所です。

この1つはあなたが focusoutイベントを使用することができます周りiPad Web App: Detect Virtual Keyboard Using JavaScript in Safari?

出典

2012-03-22 09:27:03 mplungjan

ありがとう、私はonblurイベントに耳を傾けると思う。仮想キーボードが閉じられていると、入力にピントが合わないためです。 – Marius

@キーボードの非表示ボタンを押すと、@マリアスのフォーカスが失われません。 –

JavaScriptを使用してiOSでキーボードイベントを隠す方法

答えて

関連する問題