touch事件

移动端开发实战

    html的font-size设置,首先需要有一个基准宽度与基准字体大小,document.documentEmelent可以得到HTML标签
    window.onresize=function (){
      document.documentElement.style.fontSize=document.documentElement.clientWidth/48+'px';//设置480px的基准宽度，10px的基准字体
    };
    //text-indent:-9999rem; 文本内容左缩进9999rem,达到隐藏文本的目的,便于SEO
    gesture事件,手势触发事件
    touch事件
    oBanner.addEventListener('touchstart',function(ev){
        let startX=ev.targetTouches[0].clientX;//获取触摸事件时的触摸点X轴
        let startY=ev.targetTouches[0].clientY;//获取触摸事件时的触摸点Y轴
    },false);//触摸事件
    function fnMove(ev){
    }
    function fnEnd(ev){
        oBanner.removeEventListener('touchmove',fnMove, false);//移除移动事件
        oBanner.removeEventListener('touchend',fnEnd, false);//移除触摸事件
    }
    oBanner.addEventListener('touchmove', fnMove, false);//绑定移动事件
    oBanner.addEventListener('touchend', fnEnd, false);//绑定结束事件

扩展

JS获取非行间样式的方法,又JS添加的样式,即计算后样式
    let oB = document.querySelector('.box'); 
    getComputedStyle(oB,false).width;//使用此方法获取样式值
Math的绝对值方法:Math.abs()
    绝对值啊,绝对值