網站登陸移動設備頁面，鍵盤問題

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

您可以在瀏覽器窗口中演示此功能。 調整窗口大小，使其像移動設備一樣小，然后刷新頁面。 單擊文本輸入，然后從底部調整屏幕大小，您會注意到光標未在輸入中保持聚焦。