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