解決移動(dòng)端 ios 系統(tǒng)鍵盤(pán)遮擋的問(wèn)題
親測(cè) ios 9 ,ios10 系統(tǒng)有效,其他請(qǐng)自行測(cè)試,建議通過(guò)判斷系統(tǒng)類型來(lái)動(dòng)態(tài)引入此腳本
var isIPHONE = navigator.userAgent.toUpperCase().indexOf("IPHONE")!= -1; if(isIPHONE){ // 元素失去焦點(diǎn)隱藏iphone的軟鍵盤(pán) 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 }; } }
以上這篇解決移動(dòng)端 ios 系統(tǒng)鍵盤(pán)遮擋的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
IOS 出現(xiàn)問(wèn)題POST網(wǎng)絡(luò)請(qǐng)求狀態(tài)code:500的解決方法
這篇文章主要介紹了IOS 出現(xiàn)問(wèn)題POST網(wǎng)絡(luò)請(qǐng)求狀態(tài)code:500的解決方法的相關(guān)資料,需要的朋友可以參考下2017-02-02iOS中3DTouch預(yù)覽導(dǎo)致TableView滑動(dòng)卡頓問(wèn)題解決的方法
這篇文章主要給大家介紹了關(guān)于iOS中3DTouch預(yù)覽導(dǎo)致TableView滑動(dòng)卡頓問(wèn)題解決的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)同樣遇到的朋友們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起看看吧。2018-03-03iOS開(kāi)發(fā)frame和bounds使用示例詳解
這篇文章主要為大家介紹了iOS開(kāi)發(fā)frame和bounds使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09

iOS使用fastlane實(shí)現(xiàn)持續(xù)集成的方法教程

IOS 開(kāi)發(fā)之 NSMutableArray與NSArray 的區(qū)別

Flutter列表滾動(dòng)定位超強(qiáng)輔助庫(kù)使用示例詳解

iOS開(kāi)發(fā)image背景圖片拉伸問(wèn)題解決分析