Javascript 是否可以使用触发器悬停作为移动设备的切换？

问题：

有可能这样做吗？我需要在单击手机时触发悬停事件，然后在单击同一div/元素时将其关闭

$(function () {
     $('.grid-sarah').click(function () {
       $( '.grid-sarah' ).toggle(.trigger( "hover" ));
     });
});

回答：

添加请求的

$(function () {
     $('.grid-sarah').click(function () {
       $(this).toggleClass("hovered");
     });
});

我补充说

    if (!("ontouchstart" in document.documentElement)) {
document.documentElement.className += " no-touch";
}

我的脚本和

.no-touch figure.effect-sarah:hover > figcaption h2, figure.effect-sarah.hovered > figcaption h2{}

切换到我的css，使切换悬停仍然有效，并且：hover将停止

---

非常感谢-

您应该修改css以使用“悬停”类（事实上，您可以使用任何您想要的类）：

并将jquery修改为：

$(function () {
     $('.grid-sarah').click(function () {
       $(this).toggleClass("hovered");
     });
});

---

我希望事情就这么简单。我使用的css不能这样处理。例如-figure.effect sarah:hover>figcaption h2{}和figure.effect sarah:hover h2：：after{}我不认为我可以这样做-对吧？你肯定可以这样做。为了让答案对其他人来说更通用，下面是一个特定css的示例：figure.effect sarah:hover>Figcapton h2，figure.effect-sarah.hover>Figcapton h2{}figure.effect sarah:hover h2:：after，figure.effect-sarah.hover h2:：after{}谢谢，我现在就开始吧。如何阻止鼠标单击时自动激活悬停状态。我没有js告诉它触发hover atm，但它仍然会触发：鼠标悬停在手机上，由你来控制！我在我的脚本文件中添加了if（！（（“document.documentElement中的ontouchstart”）{document.documentElement.className+=“no touch”；}和.no touch在我不想激活的类之前：hover，即，no touch figure.effect sarah:hover>figcaption h2，figure.effect-sarah.hover>figcaption h2{}这样悬停切换仍然有效。

$(function () {
     $('.grid-sarah').click(function () {
       $(this).toggleClass("hovered");
     });
});