主頁 > 知識庫 > HTML5 虛擬鍵盤出現(xiàn)擋住輸入框的解決辦法

HTML5 虛擬鍵盤出現(xiàn)擋住輸入框的解決辦法

熱門標(biāo)簽:百應(yīng)電銷機器人產(chǎn)業(yè) 杭州營銷電銷機器人供應(yīng)商 高德地圖標(biāo)注賓館位置 電視購物電銷外呼系統(tǒng) 聯(lián)通400電話申請 西寧智能外呼系統(tǒng)加盟 飛亞外呼系統(tǒng) 電話機器人如何 貸款電銷人工和機器人哪個好

話不多說,請看代碼:

//防止鍵盤把當(dāng)前輸入框給擋住
$$('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);
        }
    })
}

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!

標(biāo)簽:邯鄲 玉溪 牡丹江 晉中 內(nèi)蒙古 撫州 安慶 煙臺

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML5 虛擬鍵盤出現(xiàn)擋住輸入框的解決辦法》,本文關(guān)鍵詞  HTML5,虛擬,鍵盤,出現(xiàn),擋住,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML5 虛擬鍵盤出現(xiàn)擋住輸入框的解決辦法》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML5 虛擬鍵盤出現(xiàn)擋住輸入框的解決辦法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章