-1

我一直想知道:hover点击元素时的子句，它们似乎总是延迟，例如，一个具有红色背景的元素:hover，但是改变背景大约需要一秒钟。

这让我想知道的另一件事是，像 Facebook 这样的移动网站m.facebook.com，当点击元素时，它们似乎会在背景变化时立即做出响应（比如点击通知）。

使用时如何使这种效果相同:hover？

好吧...由于没有人明白我的意思。一个典型的页面。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width = device-width; initial-scale = 1.0; maximum-scale = 1.0; minimum-scale = 1.0; user-scalable = 0;" />
<style type="text/css">

.row {
    padding: 20px;  
}

.row a:hover .row {
    background-color: red;
}

</style>
<title>Test</title>
</head>
<body>

<div class="row">
    <a href="#">Typical link</a>
</div>
<div class="row">
    <a href="#">Typical link</a>
</div>
<div class="row">
    <a href="#">Typical link</a>
</div>

</body>
</html>

如果您在 iPhone 上查看此内容，则在点击链接时，背景.row只需一秒钟即可将背景更改为红色。

我正在使用带有 iOS 4.3.3 的 iPhone 3GS - 当然这不会影响任何事情，因为从 iOS 3.x 开始就是这样。

4

1 回答 1

1

在触摸屏设备上，事件有点不同——没有光标，悬停是毫无意义的。

如果默认行为没有提供您想要的响应，您将需要使用 javascript 添加基于触摸事件的悬停/选定类。在 iOS 上，touchend 事件在点击事件前几百毫秒触发，类似的事情可能适用于悬停行为。

于 2011-09-09T06:24:00.717 回答