SSENSE/vue-carousel

Feature Request: emit separate events for click and swipe

Open

#269 geöffnet am 21. Aug. 2018

Auf GitHub ansehen
 (3 Kommentare) (1 Reaktion) (0 zugewiesene Personen)JavaScript (1.705 Stars) (513 Forks)batch import
featuregood first issuehelp wanted

Beschreibung

Hello there and thanks for your awesome library!

I'm trying to handle following case. I have a product gallery, and I want to be able to know when user clicked on a slide (then I want to redirect user to product page) and when user just swipes to next photo.

Didn't manage to do this. Tried different variations. The best I could do is to apply pointer-events: none to wrapper div, which completely disabled swipe, but this is not exactly what I wanted.

P.S. I put @click on carousel component, tried also to put on slide, the click event didn't fire at all.

Thanks in advance

Contributor Guide

Tech Stack
vuejavascript
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
Vue.js basicsevent handling in Vue
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
50
Research-Richtung
Examine the carousel component's current event emission in the source code (likely in Carousel.vue or similar). Identify where click and touch/swipe events are handled. The goal is to emit separate events like 'click' and 'swipe' instead of the combined 'slide click' or similar. Check existing comments and documentation for any design decisions. Implement a solution that distinguishes between a click (short tap) and a swipe (drag) by measuring touch duration and movement distance.