ฉันจะวางเมาส์บน iPad ได้อย่างไร


13

มีวิธีการวางเมาส์เหนือเนื้อหาในหน้าเว็บเมื่อดูใน Safari ใน iPad หรือไม่? โดยเฉพาะผมพยายามที่จะเลื่อนเมาส์ไปล่าบุคคลที่Ask ประกวด iPad ที่แตกต่างกันที่หน้าบ้าน สำหรับ Mac หรือ PC มันจะแสดงเมื่อบุคคลนั้นผ่านระดับการโฮเวอร์ แต่ฉันไม่สามารถเห็นได้ใน iPad

คำตอบ:


10

หากมีมาสเตอร์ yoda เพียงคนเดียวที่มีบัญชีอยู่ที่นี่เขาอาจพูดว่า "แตะหรือแตะไม่ได้มีเพียงเจไดเท่านั้นที่สามารถโฉบ" เนื่องจากรายละเอียดการใช้งานนั้นเจาะลึกลงไปว่าเทคโนโลยีเว็บตรงกับการออกแบบปฏิสัมพันธ์ของมนุษย์

ป้อนคำอธิบายรูปภาพที่นี่

เมื่อลงไปที่หลุมกระต่ายสักหน่อยเขาอาจชี้ให้เห็นว่าผู้พัฒนาเว็บที่ดีรู้เกี่ยวกับคลาสTouchEventใน Safari ที่สามารถแยกแยะเหตุการณ์ touchstart multitouch จากการโต้ตอบแบบ touchend / touchcancel / touchmove และอาจใช้เพื่อให้ข้อเสนอแนะเพิ่มเติมตามแนวคิด การแตะเป้าหมายจะมีผลต่อเนื้อหาของหน้าเว็บ

มันเป็นโดยทั่วไป การออกแบบที่ไม่ดีที่จะคาดหวังว่าการสัมผัสเมาส์เพื่อสะท้อนรูปแบบการเป็นศูนย์กลางแต่ไม่ได้หมายความว่าการออกแบบของเว็บไซต์นี้โดยเฉพาะอย่างยิ่งเป็นสิ่งที่ผิด แค่คิดให้หนักก่อนสมมติว่ามีวิธีที่ง่ายในการออกแบบเพื่อการสัมผัส


3
บรรทัดที่แท้จริงคือ "ทำหรือไม่ทำไม่ต้องลอง" ดังนั้นคุณควร "แตะหรือแตะไม่ไม่มีไม่มีโฮเวอร์"
โปรดลบฉัน

แต่นั่นเป็นเพราะสิ่งที่ลุคทำกับปีก x-
crash

1
ความพยายามครั้งแรกของฉันที่จะพูดกับ yoda นั้นเต็มไปด้วยความล้มเหลว - ดูประวัติการแก้ไข ... บางทีฉันอาจต้องการรูปภาพของ yoda เพื่อเบี่ยงเบนความสนใจของทุกคนจากนั้น ...
bmike

คุณหมายถึงในย่อหน้าที่สองของคุณว่าtouchstartเหตุการณ์นั้นสามารถใช้เป็นทางเลือกในการโฮเวอร์? จะต้องทำใน JavaScript หรือไม่? ขอบคุณ!
ฮิปโป

ฉันไม่เข้าใจคำตอบนี้ นอกจากนี้คำถามเกี่ยวกับวิธีการใช้ Safari บน iPad และคำตอบดูเหมือนจะให้คำแนะนำในการออกแบบหน้าเว็บ
Kai Carver

6

A (มาก) แตะสั้น ๆ เกี่ยวกับภาพที่มีการเชื่อมโยงกับหนึ่งa:hoverคุณสมบัติที่เปิดใช้งานที่a:hoverมีประสบการณ์ แตะอีกต่อไปตาม<a>ลิงค์ แต่น่าเสียดายที่การทำงานนี้ไม่ได้มองเห็นได้ด้วยแท็กซึ่งในเบราว์เซอร์สก์ท็อปทำหน้าที่คล้ายกับ <acronym> นี่เป็นตัวอย่างที่ไม่สมบูรณ์แบบทดสอบบน iPhone:hover


4

ไม่ไม่มีวิธีทำเช่นนั้นบนอุปกรณ์ระบบสัมผัส ไม่มีทางที่ iPad ของคุณจะตรวจจับนิ้วของคุณลอยอยู่เหนือหน้าจอ :) (แม้ว่าในทางเทคนิคจะเป็นไปได้อย่างสมบูรณ์แบบและในทางทฤษฎีแล้วมันสามารถเพิ่มลงใน iPad รุ่นต่อไปในอนาคตได้)

คุณสามารถใช้ JavaScript เพื่อแสดงtitleค่าคุณสมบัติของลิงค์รูปภาพในhttp://thenewipadishere.com/แม้ว่า:

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

ในรูปแบบ bookmarklet:

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

คัดลอกและวางและเพิ่มเป็นบุ๊คมาร์คบนอุปกรณ์ iOS ที่คุณเลือก จากนั้นไปที่http://thenewipadishere.com/และเลือกบุ๊กมาร์ก


ฉันไม่สามารถสร้างบุ๊กมาร์กได้เนื่องจากดูเหมือนว่าฉันจะสร้างบุ๊กมาร์กของหน้าที่เปิดอยู่เท่านั้น แต่การวางรูปแบบที่สองลงในแถบที่อยู่จะใช้งานได้และแสดงคุณสมบัติของชื่อ!
ฮิปโป

ฉันเดาว่าสคริปต์นี้ไม่เฉพาะเจาะจงกับหน้าการประกวดใช่ไหม?
ฮิปโป

1
@Hippo ไปที่หน้าใดก็ได้และเพิ่มเป็นบุ๊คมาร์ค จากนั้นกลับไปและแก้ไขบุ๊กมาร์ก - คุณจะสามารถแก้ไข URL ได้ทันที ฉันเพิ่งเขียนสคริปต์นี้สำหรับหน้าการแข่งขัน แต่มันจะทำงานบนหน้าใด ๆ ที่ใช้ภาพที่มีtitleคุณสมบัติ
Mathias Bynens

อ่าฉันเห็นแล้วตอนนี้ ... บุ๊กมาร์กเริ่มต้นไม่มีตัวเลือกการแก้ไข URL ดังนั้นทำให้ฉันสับสน
ฮิปโป

1

ลองเว็บเบราว์เซอร์ Puffin สำหรับ iPad เคอร์เซอร์ในโหมดแทร็คแพดสามารถโฮเวอร์ นอกจากนี้คุณยังสามารถดูวิดีโอแฟลชและมันช้า แต่อย่างน้อยก็เป็นไปได้

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.