【问题标题】:Clear/Reset hover state in touch screen devices清除/重置触摸屏设备中的悬停状态
【发布时间】:2012-11-19 16:50:14
【问题描述】:

关于如何重置/清除在 ipad 等触摸屏设备中激活的悬停状态的任何建议。

我有一些在悬停时显示的工具提示,实际上是 ipad 内的一次点击,因为它是如何处理悬停的。

但是有没有办法设置它,以便将悬停状态重置为正常状态。由于问题是工具提示不会重新显示,因为它仍然认为它被悬停。单击另一个工具提示,然后返回即可。

编辑: 非常基本的 JSfiddle 来演示问题,需要在 ios 设备中查看才能看到问题。

悬停(在 ipdad 中时单击)该框将出现然后消失。尝试再次悬停/单击,它不会重新出现在触摸设备中,除非您随后悬停/单击另一个工具提示,然后返回到该工具提示。

【问题讨论】:

    标签: javascript ios hover touchscreen


    【解决方案1】:

    根据工具提示的实现方式,设置一个超时可能是个好主意。然后在 10 秒左右后它就会隐藏并自行重置。如果您添加代码,我们可以提供具体建议。

    编辑:

    我在您的 jquery 事件中添加了mousedown,它现在在 ipad 上似乎可以正常工作。 见updated fiddle

    $('.tooltip').on('mouseenter mousedown', function(e){
    

    【讨论】:

    • 您好,感谢您的回复。是的,我已经在应用超时,这可以很好地隐藏它。但是在那个超时时间内,我想知道如何重置悬停,因为 ipad 似乎在单击时保持悬停状态。这意味着您不能再次悬停,除非您将鼠标悬停在另一个项目上。我添加了一个非常基本的 jsfiddle 来演示在 ios 设备中使用时的问题。 jsfiddle.net/bennyb/kqFDC/34
    • 现在说得通了。请参阅我的更新答案。我想这就是你在说的?
    • 抱歉回复晚了。这是一个好主意,谢谢,唯一的事情是如果有人试图让工具提示悬停并且点击做一些不同的事情,但他们总是会遇到 ipad 问题。但这对我有用,再次感谢。
    猜你喜欢
    • 2011-08-05
    • 1970-01-01
    • 2017-01-12
    • 2023-03-16
    • 2015-12-27
    • 2011-09-06
    • 1970-01-01
    • 2014-05-17
    • 2023-04-07
    相关资源
    最近更新 更多