小程序内使用onTouchEnd时实现点击才触发，滑动不触发

怕冷的火焰（~杰）

于 2023-06-12 17:28:09 发布

阅读量284

点赞数

分类专栏：小程序前端文章标签：小程序前端

本文链接：https://blog.csdn.net/weixin_50236973/article/details/131173486

版权

前端同时被 2 个专栏收录

50 篇文章 0 订阅

订阅专栏

小程序

37 篇文章 0 订阅

订阅专栏

import React, { useState } from 'react';

function App() {
  const [isScrolling, setIsScrolling] = useState(false);

  const handleTouchStart = () => {
    setIsScrolling(true);
  };

  const handleTouchMove = () => {
    setIsScrolling(true);
  };

  const handleTouchEnd = () => {
    if (!isScrolling) {
      // 执行您的代码
    }
    setIsScrolling(false);
  };

  return (
    <div
      onTouchStart={handleTouchStart}
      onTouchMove={handleTouchMove}
      onTouchEnd={handleTouchEnd}
    >
      {/* 您的组件 */}
    </div>
  );
}