iPhoneブラウザを使用しているときにキーボードが崩壊した後、自動的にスケールアウトを開始する方法を教えてください。

Question

iPhoneでブラウザを使用している場合、入力フィールドのフォーカスが失われた後で自動的に最初のサイズにスケールアウトするようにページに埋め込むことができるメタタグがありますか？

メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0、最大規模= 1、ユーザースケーラブル= 0"

：私はすでにこのmetaタグを使用していますユーザーが入力フィールドをクリックしてそこにテキストを入力すると、期待どおりにテキストフィールドが拡大されます。問題は、フォームが提出された後（私はページを再描画しないためにajaxを使用しています）、キーボードが崩壊した後、ズームアウトしません。 javascript、HTML、メタタグを使って、ページ全体を再読み込みせずに画面サイズを開始サイズに戻すにはどうすればよいですか？

私のiPhone（バージョン6s +、6、および5）でSafariとFireboxの両方のブラウザを使用してテストしました。

jqueryしないでください。私はHTMLとjavascriptだけを使用しています。

Answer 1

アプリのフォーカスが失われると、のぼけイベントがトリガーされます。ぼかしは基本的にフォーカスの反対です。このイベントが発生すると、ドキュメントの本文にメタタグを追加できます。

jQueryのバージョンはありません。

let $inputElement = document.getElementsByTagName('input'); 
$inputElement.addEventListener('blur', function() { 
    // Add your meta tag 
}); 

次のコードでは、jQueryを使用していますが、vanilla javaScriptを使用することができます。

let $inputElement = $('input'); 
$inputElement.on('blur', function() { 
    // Add your tag. 
});