HTML5 虛擬鍵盤出現(xiàn)擋住輸入框的解決辦法
發(fā)布時(shí)間：2017-02-14 15:09:25 作者：fiona118 
我要評(píng)論
我要評(píng)論本文主要介紹了HTML5 虛擬鍵盤出現(xiàn)擋住輸入框的解決辦法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
話不多說(shuō)，請(qǐng)看代碼：
//防止鍵盤把當(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ī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
HTML5搜索輸入框下拉列表代碼是一款在搜索框里面輸入問(wèn)題下拉顯示更多信息。需要的朋友可以來(lái)腳本之家下載2020-04-22
html5實(shí)現(xiàn)輸入框字?jǐn)?shù)限制提示抖動(dòng)效果
html5實(shí)現(xiàn)輸入框字?jǐn)?shù)限制提示抖動(dòng)效果，效果圖為藍(lán)色背景，輸入文字時(shí)并伴有橫條加載效果，當(dāng)超過(guò)限制字符時(shí)，輸入框抖動(dòng)效果代碼。本段代碼可以在各個(gè)網(wǎng)頁(yè)使用，有需要的2018-03-01Html5新標(biāo)簽datalist實(shí)現(xiàn)輸入框與后臺(tái)數(shù)據(jù)庫(kù)數(shù)據(jù)的動(dòng)態(tài)匹配
HTML5新增的標(biāo)簽datalist實(shí)現(xiàn)輸入中文/拼音首字母時(shí)，自動(dòng)進(jìn)入數(shù)據(jù)庫(kù)模糊查詢，并返回相應(yīng)的結(jié)果，生成datalist，由于在輸入框中的輸入內(nèi)容發(fā)生變化時(shí)，datalist會(huì)自動(dòng)觸發(fā)2017-05-18HTML5為輸入框添加語(yǔ)音輸入功能的實(shí)現(xiàn)方法
本文給大家介紹如何使用html5為輸入框添加語(yǔ)音輸入功能，實(shí)現(xiàn)方法很簡(jiǎn)單，需要的朋友參考下本文2017-02-06
這篇文章主要介紹了HTML5輸入框下拉菜單功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2020-09-08
