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

Question

鉴于此设置

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

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

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

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

score 0 · Accepted Answer

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

看到这个小提琴（我刚在我的 iPad 上试过）：

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

1 回答 1