在使用iPhone浏览器时，如何触发键盘倒塌后自动缩放

Question

使用iPhone上的浏览器，是否可以嵌入页面中的元标记，以自动触发输入字段失去焦点后自动扩展到初始大小？我已经在使用此元标记：

meta name =" viewport" content =" width =设备宽度，初始尺度= 1.0，maximum-scale = 1，用户 - 刻板= 0"

，正如预期的那样，当用户单击输入字段并输入此处的文本时，它会放大文本字段。问题是，在提交表单后（我使用Ajax来避免重写页面），并且键盘倒塌后，它不会退回。使用JavaScript，HTML和/或META标签，如何将屏幕大小恢复到启动大小而不重新加载整个页面？

我在iPhone上使用Safari和Firebox浏览器进行了测试（版本6s ，6和5）。

请不要jQuery。我只使用HTML和JavaScript。

Answer 1

当您的应用程序失去焦点时，将触发 Blur 事件。模糊基本上是 focus 的相反。当此事件触发时，您可以将元标记添加到文档的身体中。

无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.
});