解決移動端 ios 系統(tǒng)鍵盤遮擋的問題
更新時間:2017年12月19日 14:07:03 作者:oZhangBi的博客
下面小編就為大家分享一篇解決移動端 ios 系統(tǒng)鍵盤遮擋的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
親測 ios 9 ,ios10 系統(tǒng)有效,其他請自行測試,建議通過判斷系統(tǒng)類型來動態(tài)引入此腳本
var isIPHONE = navigator.userAgent.toUpperCase().indexOf("IPHONE")!= -1;
if(isIPHONE){
// 元素失去焦點隱藏iphone的軟鍵盤
function objBlur(obj,time){
var startTime=0,endTime=0,
time = !time?30:time,
docTouchend = function(event){
endTime = new Date().getTime();
if(event.target!= obj && (endTime - startTime <300)){
setTimeout(function(){
obj.blur();
document.removeEventListener("touchend", docTouchend,false);
},time);
}
};
document.addEventListener("touchstart",function(){
startTime = new Date().getTime();
});
document.addEventListener("touchend", docTouchend,false);
}
$("input").on("focus",function(){
var id = this.id;
var self = this;
var H = window.innerHeight;
var pos = getPosition(self);
if(isIPHONE){
var input = new objBlur(self);
input=null;
}
});
function getPosition(target) {
var left = 0, top = 0;
do {
left += target.offsetLeft || 0;
top += target.offsetTop || 0;
target = target.offsetParent;
} while(target);
return {
left: left,
top: top
};
}
}
以上這篇解決移動端 ios 系統(tǒng)鍵盤遮擋的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
IOS 出現(xiàn)問題POST網(wǎng)絡(luò)請求狀態(tài)code:500的解決方法
這篇文章主要介紹了IOS 出現(xiàn)問題POST網(wǎng)絡(luò)請求狀態(tài)code:500的解決方法的相關(guān)資料,需要的朋友可以參考下2017-02-02
iOS中3DTouch預(yù)覽導(dǎo)致TableView滑動卡頓問題解決的方法
這篇文章主要給大家介紹了關(guān)于iOS中3DTouch預(yù)覽導(dǎo)致TableView滑動卡頓問題解決的方法,文中通過示例代碼介紹的非常詳細,對同樣遇到的朋友們具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起看看吧。2018-03-03
iOS使用fastlane實現(xiàn)持續(xù)集成的方法教程
這篇文章主要給大家介紹了關(guān)于iOS使用fastlane如何實現(xiàn)持續(xù)集成的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對各位iOS開發(fā)者們具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
IOS 開發(fā)之 NSMutableArray與NSArray 的區(qū)別
這篇文章主要介紹了IOS 開發(fā)之 NSMutableArray與NSArray 的區(qū)別的相關(guān)資料,希望通過本文能掌握這部分內(nèi)容,需要的朋友可以參考下
2017-09-09 
