資訊專(zhuān)欄INFORMATION COLUMN
摘要：在失焦后，發(fā)現(xiàn)的頁(yè)面會(huì)停止不下來(lái)，并且頁(yè)面上的輸入框，按鈕點(diǎn)擊事件，全部都移位了，需要滑動(dòng)一下才可以正常。
IOS在Input失焦后，發(fā)現(xiàn)body的頁(yè)面會(huì)停止不下來(lái)，并且頁(yè)面上的輸入框，按鈕點(diǎn)擊事件，全部都移位了，需要滑動(dòng)一下才可以正常。
下面是解決方法，可全局引用：
var u = navigator.userAgent;
var flag;
var myFunction;
var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);
if (isIOS) {
document.body.addEventListener("focusin", () => { //軟鍵盤(pán)彈起事件
flag = true;
clearTimeout(myFunction);
})
document.body.addEventListener("focusout", () => { //軟鍵盤(pán)關(guān)閉事件
flag = false;
if (!flag) {
myFunction = setTimeout(function () {
window.scrollTo({ top: 0, left: 0, behavior: "smooth" })//重點(diǎn) =======當(dāng)鍵盤(pán)收起的時(shí)候讓頁(yè)面回到原始位置(這里的top可以根據(jù)你們個(gè)人的需求改變，并不一定要回到頁(yè)面頂部)
}, 200);
} else {
return
}
})
} else {
return
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/101440.html
摘要：?jiǎn)栴}描述使用定位的彈窗，在的系統(tǒng)里，軟鍵盤(pán)調(diào)起后，頁(yè)面整體上移，當(dāng)軟鍵盤(pán)消失時(shí)，視覺(jué)上頁(yè)面已經(jīng)回到原始位置，但其實(shí)彈窗的焦點(diǎn)位置仍在軟鍵盤(pán)調(diào)起時(shí)的位置。 問(wèn)題描述： 使用fixed定位的彈窗，在ios12的系統(tǒng)里，軟鍵盤(pán)調(diào)起后，頁(yè)面整體上移，當(dāng)軟鍵盤(pán)消失時(shí)，視覺(jué)上頁(yè)面已經(jīng)回到原始位置，但其實(shí)彈窗的焦點(diǎn)位置仍在軟鍵盤(pán)調(diào)起時(shí)的位置。 解決辦法： 這也是參考某位大佬的解決辦法 documen...
摘要：在項(xiàng)目中安裝插件在中引入并綁定到在項(xiàng)目中安裝成功后測(cè)試會(huì)遇到以下問(wèn)題點(diǎn)擊不靈敏解決方法項(xiàng)目中使用時(shí)點(diǎn)擊不靈敏兼容處理在中，有一些元素如等在會(huì)出現(xiàn)這是因?yàn)檫@些元素并沒(méi)有和的整型數(shù)字屬性，所以一旦引用就會(huì)報(bào)錯(cuò)，因此排除這些屬性才使用方法修復(fù) 1、在vue項(xiàng)目中安裝fastclick插件 npm install --save fastclick 2、在main.js中引入并綁定到body i...
摘要：在之后，的框失焦后頁(yè)面會(huì)出現(xiàn)被頂上去一部分的下面就來(lái)看下怎么解決這個(gè)，首先我們必須知道這兩個(gè)方法軟鍵盤(pán)彈起事件軟鍵盤(pán)關(guān)閉事件。 在iOS12之后，h5的input框失焦后頁(yè)面會(huì)出現(xiàn)被頂上去一部分的bug,下面就來(lái)看下怎么解決這個(gè)bug，首先我們必須知道這兩個(gè)方法focusin(軟鍵盤(pán)彈起事件)、focusout(軟鍵盤(pán)關(guān)閉事件)。注意：這里的input框的位置是在頁(yè)面的底部 廢話(huà)不多說(shuō)...
摘要：前言本文將介紹筆者在的項(xiàng)目中使用百度的富文本編輯器的過(guò)程。以百度官網(wǎng)的為例，控制臺(tái)輸入為該編輯器注冊(cè)點(diǎn)擊事件，當(dāng)點(diǎn)擊加粗按鈕時(shí)，控制臺(tái)輸出為了避免點(diǎn)擊工具條時(shí)觸發(fā)事件，筆者將自定義的事件全部注釋了。 前言 本文將介紹筆者在React的項(xiàng)目中使用百度的富文本編輯器Ueditor的過(guò)程。注意本文不提供一條龍式的使用方法，只是將使用過(guò)程中的一些實(shí)現(xiàn)思路進(jìn)行總結(jié)，供以參考。react項(xiàng)目中導(dǎo)入...
閱讀 3661·2023-04-26 00:05
閱讀 1022·2021-11-11 16:55
閱讀 3662·2021-09-26 09:46
閱讀 3599·2019-08-30 15:56
閱讀 972·2019-08-30 15:55
閱讀 2988·2019-08-30 15:53
閱讀 2022·2019-08-29 17:11
閱讀 870·2019-08-29 16:52
