解決移動端 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)鍵盤遮擋的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
UIPageViewController實現(xiàn)的左右滑動界面
這篇文章主要為大家詳細介紹了UIPageViewController實現(xiàn)的左右滑動界面,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-06-06
IOS開發(fā)Objective-C?Runtime使用示例詳解
這篇文章主要為大家介紹了IOS開發(fā)Objective-C?Runtime使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02

