Bagaimana cara mengarahkan kursor di iPad?

13

Apakah ada cara untuk mengarahkan kursor ke konten di halaman web saat melihatnya di Safari di iPad? Secara khusus, saya mencoba untuk mengarahkan avatar masing-masing di halaman beranda Ask Different iPad Contest . Pada Mac atau PC, itu menunjukkan ketika individu menyelesaikan level mereka di melayang, tapi saya tidak bisa melihatnya di iPad.

ipad ios mobile-safari Kuda nil
sumber

Jawaban:

10

Jika saja master yoda memiliki akun di sini, dia mungkin mengatakan "ketuk atau ketuk tidak, hanya jedi yang bisa melayang" karena detail implementasi dengan cepat menyelidiki ke mana teknologi web bertemu dengan desain interaksi manusia.

masukkan deskripsi gambar di sini

Turun ke lubang kelinci itu sedikit, ia mungkin juga menunjukkan bahwa pengembang web yang baik tahu tentang kelas TouchEvent di Safari yang dapat membedakan acara multitouch touchstart dari interaksi touchend / touchcancel / touchmove dan mungkin digunakan untuk memberikan umpan balik tambahan berdasarkan ide bahwa menyentuh target akan memiliki efek yang terlihat pada konten halaman web.

Ini umumnya desain yang buruk untuk mengharapkan sentuhan untuk cermin model sentris tikus , tapi itu tidak berarti desain situs tertentu ini adalah salah. Hanya berpikir keras sebelum berasumsi ada cara sederhana untuk mendesain untuk sentuhan daripada tergantung pada peristiwa mouseover yang disimulasikan.

bmike
sumber
3
Baris yang sebenarnya adalah "Lakukan, atau jangan. Tidak ada coba," jadi Anda harus "Ketuk, atau ketuk tidak. Tidak ada mengarahkan."
tolong hapus saya
Tetapi ada, karena itulah yang dilakukan Luke terhadap x-sayapnya yang jatuh di rawa;)
stuffe
1
Upaya pertamaku untuk berbicara untuk yoda penuh dengan kegagalan - lihat riwayat edit ... Mungkin aku butuh gambar yoda untuk mengalihkan perhatian semua orang dari itu ...
bmike
Apakah maksud Anda, dalam paragraf kedua, bahwa touchstartacara tersebut dapat digunakan sebagai alternatif untuk melayang? Apakah itu perlu dilakukan dalam JavaScript? Terima kasih!
Hippo
Saya tidak mengerti jawaban ini. Selain itu, pertanyaannya adalah tentang cara menggunakan Safari di iPad, dan jawabannya tampaknya memberi saran tentang desain halaman web.
Kai Carver
6

Ketuk (sangat) singkat pada gambar yang memiliki tautan dengan a:hoverproperti mengaktifkan a:hoverpengalaman itu. Ketuk lagi mengikuti <a>tautan. Sayangnya, perilaku ini tidak terlihat dengan <acronym>tag, yang bertindak serupa dengan di browser desktop :hover. Berikut adalah contoh yang kurang sempurna, yang diuji pada iPhone.

ard
sumber
4

Tidak, tidak mungkin melakukannya di perangkat sentuh. Tidak ada cara bagi iPad Anda untuk mendeteksi jari Anda melayang di atas layarnya :) (Meskipun secara teknis ini sangat mungkin, dan secara teori bisa ditambahkan ke model iPad masa depan.)

Anda bisa menggunakan JavaScript untuk menunjukkan nilai titleatribut tautan gambar di http://thenewipadishere.com/ :

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

Dalam bentuk bookmarklet: 

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

Salin dan tempel itu dan tambahkan sebagai bookmark di perangkat iOS pilihan Anda. Kemudian, kunjungi http://thenewipadishere.com/ dan pilih bookmark.

Mathias Bynens
sumber
Saya tidak dapat membuat bookmark dari itu, karena sepertinya saya hanya dapat membuat bookmark dari halaman yang terbuka. Tetapi menempelkan formulir kedua ke bilah alamat berfungsi, dan menampilkan atribut judul!
Hippo
Saya kira skrip ini tidak spesifik untuk halaman kontes, bukan?
Hippo
1
@Hippo Buka halaman mana saja dan tambahkan sebagai bookmark. Lalu, kembali dan edit bookmark - Anda akan dapat mengedit URL sekarang. Saya baru saja menulis skrip ini untuk halaman kontes, tetapi akan berfungsi pada halaman mana saja yang menggunakan gambar dengan titleatribut.
Mathias Bynens
Ah, saya melihatnya sekarang ... bookmark default tidak memiliki opsi pengeditan URL, sehingga membingungkan saya.
Hippo
1

Coba browser web Puffin untuk iPad. Kursor dalam mode trackpad dapat melayang. Anda juga dapat menonton video flash, dan lambat, tapi setidaknya itu mungkin.

ryan
sumber