如何在使用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. 
});