objetivo de aprendizaje:
目标:
Comprenda qué significa el evento @longpress y cómo utilizarlo
Contenido de aprendizaje:
内容:
- @longtap y @longpress representan eventos de prensa largos
- En los navegadores, los eventos de pulsación larga anulan @longpress;
- En el teléfono móvil existen ambos eventos, pero se informará una advertencia.
- Nota: ya no se utiliza la pulsación larga, por lo que se recomienda mantenerla pulsada.
- Operación de pulsación larga: el dedo se presiona durante un período de tiempo y no se suelta. Método correspondiente en LongPress
- Operación de prensa: en el momento en que su dedo toca la pantalla táctil, es el momento en que la toca. Método correspondiente onDown
- Operación de mantener presionado: Se presiona el dedo en la pantalla táctil, y su rango de tiempo es cuando la presión surte efecto y antes de la presión prolongada. Método correspondiente enShowPress
- Nota: El evento de mantener presionado (onShowPress) debe ejecutarse antes de llamar al evento onLongPress.
Resumir:
知识小结:
- 1. Cómo utilizar
<template>
<view>
<view @longpress="longtap" class="longtap" @click="click">长按触发事件</view>
<view v-show="show">
长按触发弹窗,弹窗出现
</view>
</view>
</template>
-
2. Al desarrollar uni-app, existen varios otros métodos llamados correspondientes a las operaciones del usuario:
(1) Operación de lanzamiento (onFling): la acción de mover el dedo rápidamente en la pantalla táctil y soltarlo.
(2) Operación de desplazamiento (onScroll): Deslizamiento del dedo en la pantalla táctil.
(3) Operación de elevación (onSingleTapUp): En el momento en que su dedo abandona la pantalla táctil. -
3. Nota: Cualquier acción de gesto realizará primero una acción de presionar (onDown).
-
4. Después de llamar al evento de retención (onShowPress) y la acción de presionar (onDown), se ejecutará un evento de elevación (onSingleTapUp).
-
5. Después de llamar al evento de desplazamiento (onScroll), no se realizará la operación de elevación (onSingleTapUp).
-
6. Después de llamar al evento de pulsación larga (onLongPress), no se realizará la operación de elevación (onSingleTapUp).
-
7. Después de llamar al evento de lanzamiento (onFling), no se realizará la operación de levantamiento (onSingleTapUp).