Javascript 移动设备上的网站登录页，键盘问题

我刚创建的登录页上有一个小问题。它在桌面浏览器上工作得很好，但在移动设备上，当试图在通知字段中键入电子邮件时，键盘会弹出半秒钟，然后消失。有什么建议吗

---

网站：www.imgr8.com

这是一次冒险，但是在页面底部有绝对位置的

p.copyright

标签可能会产生干扰的可能性有多大？如果完全删除该元素，会发生什么情况？

这是一个暗中操作，但是在页面底部具有绝对位置的

p.copyright

标记发生干扰的可能性有多大？如果完全删除该元素，会发生什么情况？

您的此行导致问题：

onfocus="this.placeholder = ''"

用以下其他方式更改上述内容：

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

---

希望能有所帮助。

您的这条线路导致问题：

onfocus="this.placeholder = ''"

用以下其他方式更改上述内容：

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

---

希望能有所帮助。

这与您的调整大小事件有关。一旦键盘出现在屏幕上，它就会被触发

$(window).resize(function(){
    toggleMs(); // Checking to destroy or build when we resize browser
});

---

您可以在浏览器窗口上演示此功能。调整窗口大小，使其像手机一样小，然后刷新页面。单击文本输入，然后从底部调整屏幕大小，您会注意到光标在输入中没有保持焦点。

这与您的调整大小事件有关。一旦键盘出现在屏幕上，它就会被触发

$(window).resize(function(){
    toggleMs(); // Checking to destroy or build when we resize browser
});

---

您可以在浏览器窗口上演示此功能。调整窗口大小，使其像手机一样小，然后刷新页面。单击文本输入，然后从底部调整屏幕大小，您会注意到光标在输入中没有保持焦点。

我会尝试删除时未发生任何事情：（我会尝试删除时未发生任何事情：（有没有关于如何修复它的想法？或者备选方案您只关心宽度的变化，而不是高度的变化，因此可能您只需要在宽度发生变化时调用函数toggleMs（）。有没有关于如何修复它的想法？或者备选方案您只关心宽度的变化，而不是高度的变化，因此可能您只需要调用函数toggleMs（））当宽度改变时。修复？不要使用这样的调整大小事件。我试图完全删除调整大小事件，但移动设备上仍然存在键盘问题修复？不要使用这样的调整大小事件。我试图完全删除调整大小事件，但移动设备上仍然存在键盘问题