Come faccio a passare il mouse sull'iPad?

13

Esiste un modo per passare il mouse sopra il contenuto di una pagina Web quando lo si visualizza in Safari su iPad? In particolare, stavo cercando di passare il mouse sopra i singoli avatar nella home page di Ask Different iPad Contest . Su un Mac o un PC, mostra quando l'individuo ha completato il proprio livello in bilico, ma non sono riuscito a vederlo sull'iPad.

ipad ios mobile-safari

— Ippopotamo
fonte

10

Se solo il maestro yoda avesse un account qui, potrebbe dire "tocca o tocca non, solo i jedi possono passare il mouse" poiché i dettagli di implementazione approfondiscono rapidamente dove la tecnologia web incontra il design dell'interazione umana.

inserisci qui la descrizione dell'immagine

Scendendo un po ' ^{nella tana del} coniglio, ^{potrebbe anche indicare che i bravi sviluppatori web conoscono la classe TouchEvent in Safari che può discernere un evento multitouch touchstart da un'interazione touchend / touchcancel / touchmove e forse essere usato per fornire un feedback aggiuntivo basato sull'idea che toccare un bersaglio avrebbe un effetto visibile sul contenuto della pagina web.}

E ' generalmente una cattiva progettazione di aspettarsi tocco a specchio un modello centrica del mouse , ma questo non significa che il design di questo particolare sito è sbagliato. Pensa bene prima di dare per scontato che esiste un modo semplice di progettare per il tocco che dipende da eventi simulati al passaggio del mouse.

— bmike
fonte

3

La riga effettiva è "Fai o non fare. Non c'è nessun tentativo", quindi il tuo dovrebbe essere "Tocca o non toccare. Non c'è il passaggio del mouse".

— favore, cancellami il

Ma c'è, perché è quello che fa Luke alla sua X-wing schiantata nella palude;)

— stuffe

1

Il mio primo tentativo di parlare per Yoda è stato pieno di fallimenti - vedi la cronologia delle modifiche ... Forse ho bisogno di una foto di Yoda per distrarre tutti da quello ...

— bmike

Vuoi dire, nel tuo secondo paragrafo, che l' touchstartevento può essere usato come alternativa al passaggio del mouse? Sarà necessario farlo in JavaScript? Grazie!

— Ippopotamo

Non capisco questa risposta. Inoltre, la domanda è su come utilizzare Safari su un iPad e la risposta sembra dare consigli sulla progettazione di pagine Web.

— Kai Carver,

6

Un (molto) breve tocco su un'immagine che ha un collegamento con la a:hoverproprietà attiva a:hoverquell'esperienza. Un tocco più lungo segue il <a>collegamento. Sfortunatamente, questo comportamento non si vede con il <acronym>tag, che nei browser desktop si comporta in modo simile :hover. Ecco un esempio tutt'altro che perfetto, testato su iPhone.

— ard
fonte

4

No, non c'è modo di farlo su un dispositivo touch. Non c'è modo per il tuo iPad di rilevare che il tuo dito è sospeso sul suo schermo :) (Anche se tecnicamente questo è perfettamente possibile, e in teoria potrebbe essere aggiunto a un futuro modello di iPad.)

È possibile utilizzare JavaScript per mostrare i titlevalori degli attributi dei collegamenti immagine su http://thenewipadishere.com/ :

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

In forma di bookmarklet:

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

Copialo e incollalo e aggiungilo come segnalibro sul tuo dispositivo iOS preferito. Quindi, visitare http://thenewipadishere.com/ e selezionare il segnalibro.

— Mathias Bynens
fonte

Non riesco a creare un segnalibro da quello, perché sembra che posso solo creare segnalibri di pagine aperte. Ma incollare il secondo modulo nella barra degli indirizzi funziona e mostra gli attributi del titolo!

— Ippopotamo

Immagino che questo script non sia specifico della pagina del concorso, giusto?

— Ippopotamo

1

@Hippo Vai a qualsiasi pagina e aggiungilo come segnalibro. Quindi, torna indietro e modifica il segnalibro: ora potrai modificare l'URL. Ho appena scritto questo script per la pagina del concorso, ma funzionerebbe su qualsiasi pagina che utilizza immagini con titleattributi.

— Mathias Bynens,

Ah, lo vedo ora ... i segnalibri predefiniti non avevano l'opzione di modifica dell'URL, quindi questo mi ha confuso.

— Ippopotamo

1

Prova il browser Web Puffin per l'iPad. Il cursore in modalità trackpad può passare con il mouse. Inoltre, puoi guardare video flash ed è lento, ma almeno è possibile.

— Ryan
fonte