网站移动设备登陆页面，键盘问题

Question

我刚刚创建的目标网页上有一个小问题。它在桌面浏览器上运行良好，但是，在移动设备上，当尝试在通知字段中键入电子邮件时，键盘会弹出半秒钟并消失。有什么建议吗？

网站：www.imgr8.com

Answer 1

它是在黑暗中拍摄的，但是在页面底部具有绝对位置的p.copyright标签可能会干扰的可能性是多少？如果完全删除该元素会发生什么？

Answer 2

你的这一行造成了问题：

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+ */

希望它会有所帮助。

Answer 3

与你有的resize事件有关。一旦键盘出现在屏幕上，它就会被触发。

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

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