如何在使用iPhone瀏覽器時在鍵盤摺疊後自動縮小回縮？

Question

使用iPhone上的瀏覽器，有一個meta標籤，我可以在頁面中嵌入自動觸發輸入字段失去焦點後縮手出初始大小？我已經使用此元標記：

階name =「視口」內容=「寬度=設備寬度，初始規模= 1.0，最大規模= 1，用戶可擴展= 0」

並且如預期的那樣，當用戶點擊輸入字段並在那裏輸入文本時，它放大文本字段。問題是，在表單提交後（我使用ajax來避免重畫頁面）和鍵盤摺疊後，它不會縮小。使用JavaScript，HTML和/或元標記，我怎樣才能將屏幕大小恢復爲開始大小而無需重新加載整個頁面？

我使用Safari和燃燒室瀏覽器在我的iPhone進行測試（版本6S +，6，和5）。

沒有jQuery，請。我只使用HTML和JavaScript。

Answer 1

當你的應用程序失去焦點，該模糊事件將被觸發。模糊基本上與焦點相反。觸發此事件時，您可以將元標記添加到文檔的正文中。

沒有jQuery的版本。

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

下面的代碼使用jQuery的，但你可以用香草JavaScript中一樣的。

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