Javascript CSS:用于触摸屏反向工程的悬停

Javascript CSS:用于触摸屏反向工程的悬停,javascript,jquery,iphone,css,touchpad,Javascript,Jquery,Iphone,Css,Touchpad,我发现在我的iPhone/Pad上有一个很好的子菜单,我很好奇他们是如何让li:hover-ul{在触摸屏上工作的 我浏览了整个HTML、CSS、JS,没有什么突出的地方,所以如果有人能找到一个峰值,我会对他们的发现非常感兴趣。你不能让:hover在移动设备上工作。菜单显示单击事件和悬停事件。我不确定这个网站是如何进行单击事件的,但你也可以使用JavaScript或a:activeCSS选择器执行此操作您无法使:hover在移动设备上工作。菜单显示单击事件和悬停事件。我不确定此站点如何执行单击事

我发现在我的iPhone/Pad上有一个很好的子菜单,我很好奇他们是如何让
li:hover-ul{
在触摸屏上工作的


我浏览了整个HTML、CSS、JS,没有什么突出的地方,所以如果有人能找到一个峰值,我会对他们的发现非常感兴趣。

你不能让
:hover
在移动设备上工作。菜单显示单击事件和悬停事件。我不确定这个网站是如何进行单击事件的,但你也可以使用JavaScript或
a:active
CSS选择器执行此操作您无法使
:hover
在移动设备上工作。菜单显示单击事件和悬停事件。我不确定此站点如何执行单击事件,但您可以使用JavaScript或
a:active
CSS选择器执行此操作我的学校网站(www.harveygs.kent.sch.uk)也有同样的问题,但Servicepoint网站给了我答案-只需在菜单中的第一个
    后添加“”。

    我的学校网站(www.harveygs.kent.sch.uk)也有同样的问题,但Servicepoint网站给了我答案-只需添加“”在菜单中的第一个
      之后。

      如果它是一个可以获得焦点的元素,那么悬停CSS应该可以在触摸屏上正常工作-这些“菜单”项也是链接,因此当它们通过被触摸获得焦点时,它们会对悬停事件做出反应。你应该能够使用同样可以获得焦点的amy元素来实现这一点(我使用一个没有HREF属性的链接)在鼠标经过鼠标或触摸屏上的对象时激活悬停事件。

      如果它是一个可以获得焦点的元素,则悬停CSS在触摸屏上应该可以正常工作-这些“菜单”项目也是链接,因此当它们通过被触摸获得焦点时,它们会对悬停事件做出反应。您应该能够使用同样可以获得焦点的amy元素来实现这一点(我使用的是没有HREF属性的链接)当鼠标经过鼠标或触摸屏时激活悬停事件。

      是的,我看到了一些关于如何实现的答案,但我对该网站是如何实现的非常好奇。似乎没有任何东西引发悬停事件,现在它就像一个让我发疯的谜语。是的,我看到了一些答案是如何做到这一点,但我很好奇该网站是如何做到的。似乎没有任何东西引发了它,现在它就像一个让我发疯的谜。根据Quirksmode,几乎所有的触摸屏浏览器都匹配:点击任何元素时都会悬停,而黑莓是唯一一个特定的浏览器ly需要您描述的链接:根据Quirksmode,几乎所有触摸屏浏览器都匹配:点击任何元素时悬停,Blackberry是唯一需要您描述的链接的浏览器: