手机适配

最新推荐文章于 2023-04-28 10:39:24 发布

九天1111111111

最新推荐文章于 2023-04-28 10:39:24 发布

阅读量238

点赞数

分类专栏： html5 javascript web前端

本文链接：https://blog.csdn.net/cheng198938/article/details/54287589

版权

web前端同时被 3 个专栏收录

29 篇文章 0 订阅

订阅专栏

javascript

16 篇文章 0 订阅

订阅专栏

html5

13 篇文章 0 订阅

订阅专栏

var YX={
    //手机适配
    setPxPerRem:function(){
        var cssEl=document.createElement("style");
        document.documentElement.firstElementChild.appendChild(cssEl);
        var dpr=1;
        var pxPerRem=document.documentElement.clientWidth*dpr/10;
        if(pxPerRem>60){
            pxPerRem=60;
        }
        cssEl.innerHTML='html{font-size:'+pxPerRem+'px!important;}';

        return this;
    },
    //300ms延迟
    delayClick:function(){

        if(document.querySelector("a")){
            var a=document.querySelector("a");
            for(var i=0;i< a.length;i++){
                a[i].addEventListener("touchstart",function(e){
                    e.preventDefault();
                });
                a[i].addEventListener("touchmove",function(){
                    this.isMove=true;
                });
                a[i].addEventListener("touchend",function(){
                    if(!this.isMove){
                        window.location.href=thi.href;
                    }
                    this.isMove=false;
                });
            }
        }
        return this;
    }

};
YX.setPxPerRem().delayClick();