移动端兼容问题

ios对new Date() 的兼容问题

• 问题：
  var d = new Date(“2019-11-11 17:39:00”);
  在ios上返回 invalid Date
• 原因：
  ios里不支持 ‘-’ 连接的日期
• 解决：
  将日期转换为 ‘/’ 连接的
  var d = new Date(“2019-11-11 17:39:00”.replace(/-/g, “/”));

移动端弹出软键盘导致input光标错位

• 原因：
  移动端在点击input输入的时候软键盘弹出，整个页面被键盘往上挤压，然而光标的位置也被挤压，收起软键盘的时候页面恢复，但是光标还是在原来input的位置，就导致光标不在该在的地方，整个页面呈现无法点击的状态

• 解决：
  在软键盘收起(也就是失焦)的时候scrollTop回顶部

$("input").blur(function(){
	setTimeout(function(){
	var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
    window.scrollTo(0, Math.max(scrollHeight - 1, 0));
	},100)
})

IOS收起软键盘底部留白

同上

var scrollTimer = -1;
$("input").focus(function () {
  clearTimeout(scrollTimer);
})
$("input").blur(function () {
  clearTimeout(scrollTimer);
  scrollTimer = setTimeout(function () {
    window.scroll(0, 0); // IOS软键盘收起后底部留白问题解决
  }, 200);
})