H5虛擬鍵盤(pán)擋住輸入框怎么辦
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 15:06:05
H5虛擬鍵盤(pán)擋住輸入框怎么辦
H5虛擬鍵盤(pán)擋住輸入框怎么辦:這次給大家?guī)?lái)H5虛擬鍵盤(pán)擋住輸入框怎么辦,H5虛擬鍵盤(pán)擋住輸入框的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。話(huà)不多說(shuō),請(qǐng)看代碼://防止鍵盤(pán)把當(dāng)前輸入框給擋住 $$('input[type="text"],textarea').on(
導(dǎo)讀H5虛擬鍵盤(pán)擋住輸入框怎么辦:這次給大家?guī)?lái)H5虛擬鍵盤(pán)擋住輸入框怎么辦,H5虛擬鍵盤(pán)擋住輸入框的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。話(huà)不多說(shuō),請(qǐng)看代碼://防止鍵盤(pán)把當(dāng)前輸入框給擋住 $$('input[type="text"],textarea').on(

這次給大家?guī)?lái)H5虛擬鍵盤(pán)擋住輸入框怎么辦,H5虛擬鍵盤(pán)擋住輸入框的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。
話(huà)不多說(shuō),請(qǐng)看代碼:
//防止鍵盤(pán)把當(dāng)前輸入框給擋住
$$('input[type="text"],textarea').on('click', function () {
var target = this;
setTimeout(function(){
target.scrollIntoViewIfNeeded();
},100);
});
部分安卓機(jī)型適用。
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);
}
})
}
相信看了本文案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注Gxl網(wǎng)其它相關(guān)文章!
推薦閱讀:
H5的存儲(chǔ)方式詳解
zepto實(shí)現(xiàn)移動(dòng)端無(wú)縫向上下滾動(dòng)
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
H5虛擬鍵盤(pán)擋住輸入框怎么辦
H5虛擬鍵盤(pán)擋住輸入框怎么辦:這次給大家?guī)?lái)H5虛擬鍵盤(pán)擋住輸入框怎么辦,H5虛擬鍵盤(pán)擋住輸入框的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。話(huà)不多說(shuō),請(qǐng)看代碼://防止鍵盤(pán)把當(dāng)前輸入框給擋住 $$('input[type="text"],textarea').on(