移动端兼容性问题(持续更新)

移动端兼容性问题 ios滑动不是很流畅问题 安卓和IOS长安页面会复制文字等

CSS问题

解决ios滑动不是很流畅

-webkit-overflow-scrolling: touch;//滑动容器上加上该css

 解决ios input框默认有一层灰色渐变

-webkit-appearance:none;

解决安卓和IOS长安页面会复制文字

  -moz-user-select:none;
  -webkit-user-select:none;

 

 

JS问题

把时间(2020-10-16 14:15:00)转化成时间戳移动端为null

+new Date('2020-10-16 14:15:00') //PC打印的是 1602828900000 移动端打印的是null
+new Date('2020/10/16 14:15:00') //PC和移动端打印的都是 1602828900000
解决该兼容性问题只需要把横线(-)换成斜杠(/)就可以了

解决移动端划过页面时会触发点击事件

 
/*
* @ele 元素选择器
*/
export function addEvent({ele} = {}) {
  let locked = false;
  let dom = document.querySelector(ele);
  if(!dom) return false
  dom.addEventListener('touchmove', function(ev){
    locked || (locked = true, dom.addEventListener('touchend', stopTouchendPropagation, true));
  }, true);
  function stopTouchendPropagation(ev){
    ev.stopPropagation();
    dom.removeEventListener('touchend', stopTouchendPropagation, true);
    locked = false;
  }
}