解決移動端 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)鍵盤遮擋的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
IOS 出現(xiàn)問題POST網(wǎng)絡請求狀態(tài)code:500的解決方法
這篇文章主要介紹了IOS 出現(xiàn)問題POST網(wǎng)絡請求狀態(tài)code:500的解決方法的相關資料,需要的朋友可以參考下2017-02-02iOS中3DTouch預覽導致TableView滑動卡頓問題解決的方法
這篇文章主要給大家介紹了關于iOS中3DTouch預覽導致TableView滑動卡頓問題解決的方法,文中通過示例代碼介紹的非常詳細,對同樣遇到的朋友們具有一定的參考學習價值,需要的朋友們下面隨著小編來一起看看吧。2018-03-03iOS使用fastlane實現(xiàn)持續(xù)集成的方法教程
這篇文章主要給大家介紹了關于iOS使用fastlane如何實現(xiàn)持續(xù)集成的相關資料,文中通過示例代碼介紹的非常詳細,對各位iOS開發(fā)者們具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-04-04IOS 開發(fā)之 NSMutableArray與NSArray 的區(qū)別
這篇文章主要介紹了IOS 開發(fā)之 NSMutableArray與NSArray 的區(qū)別的相關資料,希望通過本文能掌握這部分內容,需要的朋友可以參考下2017-09-09