Wie schwebe ich auf dem iPad?

13

Gibt es eine Möglichkeit, den Mauszeiger über den Inhalt einer Webseite zu bewegen, wenn Sie ihn in Safari auf dem iPad anzeigen? Konkret habe ich versucht, auf der Ask Different iPad Contest -Homepage über die einzelnen Avatare zu schweben . Auf einem Mac oder PC wird angezeigt, wann die Person ihr Level beim Schweben abgeschlossen hat, aber ich konnte das auf dem iPad nicht sehen.

Nilpferd
quelle

Antworten:

10

Wenn nur Master Yoda hier einen Account hätte, könnte er sagen "tap or tap not, only jedi can hover", da die Implementierungsdetails schnell untersuchen, wo Web-Technologie auf menschliches Interaktionsdesign trifft.

Bildbeschreibung hier eingeben

Wenn er dieses Kaninchenloch ein Stückchen hinuntergeht, weist er möglicherweise auch darauf hin, dass gute Webentwickler etwas über die TouchEvent- Klasse in Safari wissen , die ein Touchstart-Multitouch-Ereignis von einer Touchend- / Touchcancel- / Touchmove-Interaktion unterscheiden und möglicherweise verwendet werden kann, um auf der Grundlage der Idee zusätzliches Feedback bereitzustellen Das Berühren eines Ziels hätte sichtbare Auswirkungen auf den Inhalt der Webseite.

Es ist im Allgemeinen schlecht zu erwarten , dass Touch ein mauszentriertes Modell widerspiegelt. Dies bedeutet jedoch nicht, dass das Design dieser Website falsch ist. Denken Sie gut nach, bevor Sie davon ausgehen, dass es eine einfache Methode zum Entwerfen von Berührungen gibt, die von simulierten Mouseover-Ereignissen abhängt.

bmike
quelle
3
Die tatsächliche Zeile lautet "Tun oder nicht. Es gibt keinen Versuch", daher sollte Ihre Zeile "Tippen oder nicht tippen. Es gibt keinen Schwebeflug" lauten.
Bitte löschen Sie mich
Aber es gibt es, weil es das ist, was Luke mit seinem abgestürzten X-Wing im Sumpf macht;)
stuff am
1
Mein erster Versuch, für Yoda zu sprechen, war voller Misserfolge - siehe Bearbeitungsverlauf ... Vielleicht brauche ich ein Bild von Yoda, um alle davon abzulenken ...
bmike
Meinen Sie in Ihrem zweiten Absatz, dass das touchstartEreignis als Alternative zum Schweben verwendet werden kann? Muss das in JavaScript erledigt werden? Vielen Dank!
Hippo
Ich verstehe diese Antwort nicht. Außerdem geht es um die Verwendung von Safari auf einem iPad, und die Antwort scheint Ratschläge zum Design von Webseiten zu geben.
Kai Carver
6

Ein (sehr) kurzes Tippen auf ein Bild, das mit einer a:hoverEigenschaft verknüpft ist, aktiviert diese a:hoverErfahrung. Ein längerer Tipp folgt dem <a>Link. Leider tritt dieses Verhalten bei dem <acronym>Tag nicht auf, das in Desktop-Browsern ähnlich funktioniert :hover. Hier ist ein weniger als perfektes Beispiel, das auf dem iPhone getestet wurde.

ard
quelle
4

Nein, auf einem Touch-Gerät ist dies nicht möglich. Es gibt keine Möglichkeit, dass Ihr iPad erkennt, dass Ihr Finger über dem Bildschirm schwebt :) (Obwohl dies technisch durchaus möglich ist und theoretisch zu einem zukünftigen iPad-Modell hinzugefügt werden könnte.)

Sie können JavaScript verwenden, um die titleAttributwerte der Bildlinks auf http://thenewipadishere.com/ anzuzeigen:

[].forEach.call(document.images, function(element) {
  var span = document.createElement('span');
  span.innerText = element.title;
  element.parentNode.insertBefore(span, element);
});

In Lesezeichenform:

javascript:[].forEach.call(document.images,function(b){var a=document.createElement("span");a.innerText=b.title;b.parentNode.insertBefore(a,b)});

Kopieren Sie das und fügen Sie es als Lesezeichen auf dem iOS-Gerät Ihrer Wahl hinzu. Besuchen Sie dann http://thenewipadishere.com/ und wählen Sie das Lesezeichen aus.

Mathias Bynens
quelle
Ich kann daraus kein Lesezeichen erstellen, da ich anscheinend nur Lesezeichen für offene Seiten erstellen kann. Das Einfügen des zweiten Formulars in die Adressleiste funktioniert jedoch und zeigt die Titelattribute an!
Hippo
Ich denke, dieses Skript ist nicht spezifisch für die Wettbewerbsseite, oder?
Hippo
1
@Hippo Gehe zu einer beliebigen Seite und füge sie als Lesezeichen hinzu. Gehen Sie dann zurück in und bearbeiten Sie das Lesezeichen - Sie können die URL jetzt bearbeiten. Ich habe gerade dieses Skript für die Wettbewerbsseite geschrieben, aber es funktioniert auf jeder Seite, die Bilder mit titleAttributen verwendet.
Mathias Bynens
Ah, ich sehe es jetzt ... die Standardlesezeichen hatten nicht die URL-Bearbeitungsoption, so dass mich das verwirrte.
Hippo
1

Probieren Sie den Puffin-Webbrowser für das iPad aus. Der Cursor im Trackpad-Modus kann schweben. Sie können auch Flash-Videos ansehen und es ist langsam, aber zumindest ist es möglich.

Ryan
quelle