我如何在iPad上悬停？

13

在iPad中的Safari中查看时，有没有办法将鼠标悬停在网页上的内容中？具体来说，我试图将鼠标悬停在各个头像上问不同的iPad比赛主页。在Mac或PC上，它显示个人在悬停时完成了他们的等级，但我无法在iPad中看到它。

ipad ios mobile-safari

— Hippo
source

10

如果只有yoda大师在这里有一个帐户，他可能会说“点击或点击不，只有jedi可以悬停”，因为实施细节很快就会深入研究Web技术与人工交互设计的对比。

enter image description here

再往下走那个兔子洞， ^{他也可能指出优秀的网络开发者知道这一点的TouchEvent Safari中的类，可以通过touchend / touchcancel / touchmove交互识别触摸式多点触控事件，也可以用于根据触摸目标对网页内容产生明显影响的想法提供额外反馈。}

它的通常糟糕的设计至期待触摸镜像鼠标中心模型，但这并不意味着这个特定网站的设计是错误的。在假设有一种简单的触摸设计方式而不是模拟鼠标悬停事件之前，请仔细思考。

— bmike
source

3

实际的行是“做或不做。没有尝试”，所以你的应该是“点击，或点击不。没有悬停。”

— please delete me

但也有，因为这是卢克对他在沼泽地坠毁的x翼所做的事情;）

— stuffe

1

我为尤达发言的第一次尝试充满了失败 - 请看编辑历史......也许我需要一张尤达的图片来分散每个人的注意力......

— bmike

你的意思是，在你的第二段中，那个 touchstart 事件可以用作悬停的替代方案吗？需要在JavaScript中完成吗？谢谢！

— Hippo

我不明白这个答案。此外，问题是关于如何在iPad上使用Safari，答案似乎是提供网页设计的建议。

— Kai Carver

6

（非常）简短地点击与其链接的图像 a:hover 财产激活了那个 a:hover 经验。更长的点击跟随 <a> 链接。不幸的是，没有看到这种行为 <acronym> 标签，在桌面浏览器中的行为类似于 :hover。这里是一个不太完美的例子，在iPhone上测试过。

— ard
source

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);
});

以书签形式：

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/ 并选择书签。

— Mathias Bynens
source

我无法创建书签，因为看起来我只能创建打开页面的书签。但是将第二个表单粘贴到地址栏中会起作用，并显示标题属性！

— Hippo

我猜这个剧本不是比赛页面特有的，对吧？

— Hippo

1

@Hippo转到任何页面并将其添加为书签。然后，返回并编辑书签 - 您现在可以编辑URL。我刚刚为比赛页面编写了这个脚本，但它可以在任何使用图像的页面上运行 title 属性。

— Mathias Bynens

啊，我现在看到了...默认书签没有URL编辑选项，所以让我很困惑。

— Hippo

1

试试适用于iPad的Puffin网络浏览器。触控板模式中的光标可以悬停。此外，您可以观看Flash视频，但速度很慢，但至少可以。

— ryan
source