JavaScript - Touchscreen - Versionsgeschichte

37.49.32.84: /* Klick oder Touch */

2017-02-06T11:27:02Z

Klick oder Touch

37.49.32.84 am 6. Februar 2017 um 11:20 Uhr

2017-02-06T11:20:08Z

37.49.32.84: /* Maus oder Touch ? */

2017-02-06T11:15:02Z

Maus oder Touch ?

37.49.32.84 am 6. Februar 2017 um 11:12 Uhr

2017-02-06T11:12:59Z

37.49.32.84 am 6. Februar 2017 um 10:53 Uhr

2017-02-06T10:53:02Z

37.49.32.84 am 6. Februar 2017 um 10:49 Uhr

2017-02-06T10:49:22Z

37.49.32.84 am 2. Februar 2017 um 16:18 Uhr

2017-02-02T16:18:29Z

37.49.32.84: Die Seite wurde neu angelegt: „Touchscreens erfordern besonderen Umgang bei der Behandlung von Events. Vor allem wenn das Gerät sowohl Mauseingaben aber auch Toucheingaben handeln kann. Ev…“

2017-02-02T12:40:47Z

Die Seite wurde neu angelegt: „Touchscreens erfordern besonderen Umgang bei der Behandlung von Events. Vor allem wenn das Gerät sowohl Mauseingaben aber auch Toucheingaben handeln kann. Ev…“

Neue Seite

Touchscreens erfordern besonderen Umgang bei der Behandlung von Events. Vor allem wenn das Gerät sowohl Mauseingaben aber auch Toucheingaben handeln kann.

Eventbubbling

@@ Zeile 57: / Zeile 57: @@
 });
 </syntaxhighlight>
 == Hover Klasse bei Touch deaktivieren ==
 <pre>

@@ Zeile 5: / Zeile 5: @@
   https://www.html5rocks.com/en/mobile/touchandmouse/
   http://stackoverflow.com/questions/4817029/whats-the-best-way-to-detect-a-touch-screen-device-using-javascript (Modernizr Ansatz)
 :hover Effekte
@@ Zeile 36: / Zeile 37: @@
 === Klick oder Touch ===
-https://www.mediaevent.de/javascript/touch-events.html
+http://jsfiddle.net/lisatinglu/zvoj2zsb/
 == Hover Klasse bei Touch deaktivieren ==
 <pre>

@@ Zeile 34: / Zeile 34: @@
   mouseup
   click
 == Hover Klasse bei Touch deaktivieren ==

← Nächstältere Version		Version vom 6. Februar 2017, 11:12 Uhr
Zeile 34:		Zeile 34:
	mouseup		mouseup
	click		click
		+
		+	== Hover Klasse bei Touch deaktivieren ==
		+	<pre>
		+	$(document).ready(function() {
		+	$('.hover').bind('touchstart touchend', function(e) {
		+	e.preventDefault();
		+	$(this).toggleClass('hover_effect');
		+	});
		+	});
		+
		+	</pre>

@@ Zeile 14: / Zeile 14: @@
   e.stopPropagation vs e.preventDefault
 == Maus oder Touch ? ==
 Bei reinen Touchscreen Geräten kann man durch div. Methoden checken ob getouched wird und dann die Handler für die Maus einfach ignorieren.

← Nächstältere Version		Version vom 6. Februar 2017, 10:49 Uhr
Zeile 13:		Zeile 13:

	e.stopPropagation vs e.preventDefault		e.stopPropagation vs e.preventDefault
		+
		+	== Maus oder Touch ? ==
		+	Bei reinen Touchscreen Geräten kann man durch div. Methoden checken ob getouched wird und dann die Handler für die Maus einfach ignorieren.
		+
		+	Wenn sowohl Maus als auch Touch Ereignisse zu erwarten sind (Touchscreen PCs z.B.) Muß man seine Skripte so auslegen das beides korrekt gehandelt wird.
		+	=== Event Reihenfolge ===
		+	touchstart
		+	touchmove
		+	touchend
		+	mouseover
		+	mousemove
		+	mousedown
		+	mouseup
		+	click

← Nächstältere Version		Version vom 2. Februar 2017, 16:18 Uhr
Zeile 1:		Zeile 1:
	Touchscreens erfordern besonderen Umgang bei der Behandlung von Events. Vor allem wenn das Gerät sowohl Mauseingaben aber auch Toucheingaben handeln kann.		Touchscreens erfordern besonderen Umgang bei der Behandlung von Events. Vor allem wenn das Gerät sowohl Mauseingaben aber auch Toucheingaben handeln kann.
		+
		+	Links
		+	http://blog.neofonie.de/css/css-hover-wie-der-hover-effekt-die-usability-auf-tablets-beeinflusst
		+	https://www.html5rocks.com/en/mobile/touchandmouse/
		+	http://stackoverflow.com/questions/4817029/whats-the-best-way-to-detect-a-touch-screen-device-using-javascript (Modernizr Ansatz)
		+
		+	:hover Effekte

	Eventbubbling		Eventbubbling
		+
		+	Klassen für detection mit Modernizr
		+
		+	e.stopPropagation vs e.preventDefault