解决使用fastclick在ios输入框点击不灵敏,ios 软键盘关闭input失焦后页面上移点击不了问题
【代码】解决使用fastclick在ios输入框点击不灵敏,ios 软键盘关闭input失焦后页面上移点击不了问题。
·
fastclick在ios输入框点击不灵敏
解决办法:
import FastClick from 'fastclick'
FastClick.attach(document.body)
FastClick.prototype.focus = function (targetElement) {
let length
if (
targetElement.setSelectionRange &&
targetElement.type.indexOf("date") !== 0 &&
targetElement.type !== "time" &&
targetElement.type !== "month"
) {
length = targetElement.value.length
targetElement.focus()
targetElement.setSelectionRange(length, length)
} else {
targetElement.focus()
}
}
ios 软键盘关闭input失焦后页面上移点击不了
解决办法:
(function() {
var u = navigator.userAgent,
flag,
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 false
}
})
} else {
return false
}
})();
更多推荐
已为社区贡献1条内容
所有评论(0)