javascript - 取消触摸设备上的模拟悬停事件/颜色？

Question

鉴于此设置

a { color: #ccc; }
a:hover { color: #fff; }

<a href="#" id="abc">Test</a>

$('#abc').click(function() {
    doSomething();
    return false;
});

一切都按预期“工作”，但“测试”在手机/平板电脑上留下白色文本，因为 iOS 现在将其视为悬停。我该怎么做才能“重置”它？

Answer 1

您将焦点移动到另一个元素并且悬停样式被重置。例如。尝试创建另一个链接，假设您称它们为“link1”和“link2”:当您单击链接 1 时，它会变成白色。然后单击链接 2:链接 2 变为白色，链接 1 将恢复为 #ccc 颜色。

看看这个 Fiddle(我刚在我的 iPad 上试过):

http://jsfiddle.net/uuFxR/

如果您想以编程方式进行操作，则必须使用 .focus() JQuery 方法，请参见此处:

http://api.jquery.com/focus/