Wie funktioniert HTML-Mouseover auf Apple Multitouch-Geräten?


7

Ich habe im Zusammenhang mit diesem Netzwerk von Websites danach gefragt, aber es wird eine allgemeinere Frage aufgeworfen, auf die ich keine Antwort weiß.

Ist es ein Problem, dass Mouse-Over-Ereignisse nicht vom Apple-Touchscreen aufgerufen werden können - insbesondere im Hinblick auf Website-Rollover?

Gibt es einen Weg, dies zu umgehen?

Verbunden:

http://meta.scifi.stackexchange.com/questions/134/how-to-see-spoilers-on-touchscreen

/meta/75656/cant-see-spoilers-on-touchscreen

Antworten:


5

Um dies zu umgehen, verwenden Sie einen Mouseover-Handler für ein "anklickbares Element", wie Apple im Web Content Guide erläutert :

Mausereignisse werden in derselben Reihenfolge geliefert, die Sie in anderen Webbrowsern erwarten würden [...]. Wenn der Benutzer auf ein nicht anklickbares Element tippt, werden keine Ereignisse generiert. Wenn der Benutzer auf ein anklickbares Element tippt, werden Ereignisse in dieser Reihenfolge angezeigt: Mouseover, Mousemove, Mousedown, Mouseup und Click. Das Mouseout-Ereignis tritt nur auf, wenn der Benutzer auf ein anderes anklickbares Element tippt. Wenn sich der Inhalt der Seite beim Mousemove-Ereignis ändert, werden keine nachfolgenden Ereignisse in der Sequenz gesendet. Durch dieses Verhalten kann der Benutzer auf den neuen Inhalt tippen.

Durch einmaliges Tippen auf ein anklickbares Element mit Mouseover- / Mousemove-Inhalten wird dieser Inhalt angezeigt. Wenn Sie ein zweites Mal tippen, wird die Maustaste gedrückt / Mauszeiger / Klicken.

Ein "anklickbares Element" ist:

Ein Link, ein Formularelement, ein Imagemap-Bereich oder ein anderes Element mit Mausbewegungs-, Maus-Down-, Mouseup- oder Onclick-Handlern.

Um die Spoiler-Rollover zu beheben, müssten sie daher mithilfe von CSS in Javascript geändert werden (dh einen Mouseover-Handler für das Blockquote anstelle einer CSS-Klasse verwenden).

(Apple hat Patentanmeldungen zum Erkennen von Schwebeflügen auf Touch-Interfaces, sodass dies in Zukunft verschwinden könnte. Es ist jedoch unwahrscheinlich, dass dies bald der Fall sein wird.)


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.