Ant-design ListView actualización desplegable y lista método de resolución de conflictos de eventos de pulsación prolongada

1. Mientras usa la ListViewlista para realizar la actualización del menú desplegable, es necesario cumplir con el 按列表Itemacceso a largo plazo a la página de función de pulsación prolongada. En
este momento , encontrará la posibilidad de que la actualización del menú desplegable ingrese al lista de pulsación larga.
2. Al principio he estado pensando en cómo distinguir entre estas dos acciones, pero no ha tenido éxito.
Primero mire mi código de implementación para
registrar estos cuatro eventos

  touchStart = () => {
    
    
    const {
    
     touchStartEvent } = this.props;
    this.pressTime = setTimeout(() => {
    
    
      touchStartEvent();
    }, '500');
  };

  touchMove = () => {
    
    
    clearTimeout(this.pressTime);
  };

  touchCancel = () => {
    
    };

  // 长按事件
  handleTouchEnd = () => {
    
    
    clearTimeout(this.pressTime);
  };

Descubrí que la actualización desplegable también activa el temporizador de pulsación larga cuando se desliza, por lo que la forma de resolverlo es ir también mientras se mueve 清除长按的定时器事件.

Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_45416217/article/details/114375621
Recomendado
Clasificación