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