夜间模式
踩坑：iOS 微信浏览器关闭键盘时页面不回弹
INFO
疑似 iOS 微信浏览器的 bug
监听 iOS 键盘事件
javascript
document.body.addEventListener("focusin", () => {
console.log("键盘弹起");
});
document.body.addEventListener("focusout", () => {
console.log("键盘收起");
});document.body.addEventListener("focusin", () => {
console.log("键盘弹起");
});
document.body.addEventListener("focusout", () => {
console.log("键盘收起");
});解决不回弹问题
javascript
document.body.addEventListener("focusout", () => {
var ua = window.navigator.userAgent;
if (ua.indexOf("iPhone") > 0 || ua.indexOf("iPad") > 0) {
// 键盘收起页面空白问题
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
});document.body.addEventListener("focusout", () => {
var ua = window.navigator.userAgent;
if (ua.indexOf("iPhone") > 0 || ua.indexOf("iPad") > 0) {
// 键盘收起页面空白问题
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
});