js封装移动端，上滑动，下滑动，左滑动，右滑动方法

weixin_45673348

于 2023-03-30 21:51:23 发布

阅读量473

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_45673348/article/details/129867600

版权

本文介绍了如何使用JavaScript在移动端实现上滑、下滑、左滑和右滑的事件处理，详细讲解了封装方法的步骤和关键代码，帮助开发者增强移动应用的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * vnode type String  HTMLDivElement  触发对象
 * direction type String : left top right bottom 触发方向
 * fn type function  回调函数
 * mode type Boolean : false 结束触发 true 连续触发
 *
 * objFun.objFun.onTouch(dom:String/HTMLDivElement,触发方向：String,回调函数：function，模式：Boolean)
 *
 */
class yd {
   
  constructor() {
   }
  onTouch(
    vnode,
    direction,
    fn = function () {
   
      console.log("未添加事件");
    },
    mode = false
  ) {
   
    let _that = {
   };
    if (Object.prototype.toString.call(vnode) == "[object HTMLDivElement]") {
   
      _that.vn = vnode;
    } else if (Object.prototype.toString.call(vnode) == "[object String]") {
   
      _that.vn = document.querySelector(vnode);
    }
    _that