本文主要介紹了HTML5 虛擬鍵盤出現阻擋輸入框的解決方法。具有很好的參考價值,以下跟著小編一起來看下吧
話不多說,請看程式碼:
//防止键盘把当前输入框给挡住 $$('input[type="text"],textarea').on('click', function () { var target = this; setTimeout(function(){ target.scrollIntoViewIfNeeded(); },100); });
部分安卓機型適用。
if(/Android [4-6]/.test(navigator.appVersion)) { window.addEventListener("resize", function() { if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") { window.setTimeout(function() { document.activeElement.scrollIntoViewIfNeeded(); },0); } }) }
【相關推薦】
以上是H5製作虛擬鍵盤時出現輸入框遮擋的狀況怎麼辦?的詳細內容。更多資訊請關注PHP中文網其他相關文章!