zoukankan      html  css  js  c++  java
  • 如何使APP端的滑动事件兼容PC端?

    场景:在开发APP端时,常用的一个touch事件,在PC端如何将其转换?

    措施:代码如下:

            var pcFlag=true;
            //pc端的touch事件转换成mouse事件
            var touchEvents = {
                touchstart:"touchstart",
                touchmove:"touchmove",
                touchend:"touchend",
                initTouchEvents:function () {
                    var self = this;
                    if (self.isPC()) {
                        self.touchstart = "mousedown";
                        self.touchmove = "mousemove";
                        self.touchend = "mouseup";
                    }
                },
                isPC:function(){  //判断pc端与移动端
                    var userAgentInfo = navigator.userAgent;
                    var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  //判断用户代理头信息
                    for (var v = 0; v < Agents.length; v++) {
                        if (userAgentInfo.indexOf(Agents[v]) != -1) { pcFlag = false; break; }
                    }
                    return pcFlag;   //true为pc端,false为非pc端
                }
            };
            touchEvents.initTouchEvents();

    绑定事件的时候,将原来的on('touchstart',function(){}),替换成on('touchEvents.touchstart',function(){}).

  • 相关阅读:
    TCP报文
    TCP概述
    UDP
    传输层概述
    端口地址转换 PAT
    网络地址转换NAT原理介绍
    js的时间处理函数
    正则表达式相关笔记
    微信小程序实现图片拖拽
    在React中使用less
  • 原文地址:https://www.cnblogs.com/juicy-initial/p/11526180.html
Copyright © 2011-2022 走看看