javascript - 如何让我的站点检测是否正在使用鼠标，然后在使用时向元素添加类？

Question

我的主页上基本上有一些按钮模糊/失焦，然后在悬停时进入焦点 - 但是，当然，在纯触摸浏览器中无法欣赏这种效果。有没有办法只在页面检测到用户有鼠标时才添加模糊效果？

Answer 1

执行此操作的方法是使用 css hack，您必须检查设备是否可移动，如果是，则按钮将成为焦点。这是 css 的样子:

@media only screen {
    .button {
        background: blue;
    }
}