JavaScript - hammer.js Webapp Touch Gestures

Aus Wikizone
Version vom 1. Februar 2018, 18:09 Uhr von 149.172.225.28 (Diskussion) (Die Seite wurde neu angelegt: „Ermöglicht Events für Swipe, Pan, Pinch, Zoom Gesten und mehr. == Probleme lösten == In manchen Konstellationen wird der Event in Desktop-Browsern nicht gu…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

Ermöglicht Events für Swipe, Pan, Pinch, Zoom Gesten und mehr.

Probleme lösten[Bearbeiten]

In manchen Konstellationen wird der Event in Desktop-Browsern nicht gut aufgelöst (vor allem bei Swipe) Es gibt verschiedene Workarounds:#

https://github.com/hammerjs/hammer.js/issues/1065

So hat es bei mir funktioniert:

var hammertime = new Hammer.Manager(document.querySelector('#bd'), {
	touchAction: 'auto',
	inputClass: Hammer.SUPPORT_POINTER_EVENTS ? Hammer.PointerEventInput : Hammer.TouchInput,
	recognizers: [
		[Hammer.Swipe, {
			direction: Hammer.DIRECTION_HORIZONTAL
		}]
	]
});
hammertime.on('swipe', function(ev) {
	console.log('Swipe'+ev);
	// get Link if av.
});