csshover在移动设备上工作吗?

csshover在移动设备上工作吗? 我有一个csshover类,它可以在普通的网页浏览器上正常工作,但在移动浏览器上无法使用。

:hover伪类需要一个指针(graphicsinput)设备,能够区分动作指向select/激活。 通常在具有触摸界面的移动设备上,您不具有前者,只有后者。 另外一些笔接口只允许激活,而不是指向。

:hover伪类适用于用户指定一个元素(带有一些定位设备),但不激活它。 例如,当光标(鼠标指针)hover在由元素生成的框上时,可视用户代理可以应用这个伪类。 不支持交互媒体的用户代理不必支持这个伪类。 支持交互式媒体的一些相符的用户代理可能不能支持这个伪类(例如笔设备)。

– W3C:CSS 2.1:select器,dynamic伪类

所以,回答你的问题:这取决于设备,但可能没有。 不要依赖它。 随着触摸屏设备的迅速普及,您将失去整个指向性事件。

叹。 似乎没有人回答这个问题,实际上尝试了一个真正的设备。 在很多情况下,它确实有效。 第一次点击就像hover一样。

一些更多的信息在这里: http : //designshack.net/articles/css/are-hover-events-extinct/

除非设备可以检测到有人将手指hover在屏幕上,即将点击。 🙂

提问者是什么意思的“是否CSShover在移动设备上工作?”?

他显然并不是这个意思,因为在移动设备上没有hover的东西,所以它不能工作。

如果他的意思是“在移动设备上,如果我点击一个hover式的对象会发生什么事情? 答案是肯定的,但是会发生什么情况因设备/浏览器而异。

特别是在iPhone / Safari和Android上,响应就好像你已经编写了一个OnClick()事件处理程序,其中的样式发生了变化,并且这个事件一直存在,直到你点击另一个对象。 在Windows手机上,手指在手机上按下时会发生风格变化,然后在释放手机时恢复。

您可以在我在davidleader.net/mobiledemo.html设置的testing网站上查看您的设备。

这取决于移动设备中使用的浏览器。 请参阅怪癖模式的移动设备,看看你的浏览器/平台将实施它。

从我自己的经验,它在我的iphone4,无论是浏览器(safari或铬),但不能正常工作在我的nexus10与Chrome浏览器工作正常… … –

我用:hover来实现菜单。 当我说“有效”时,我的意思是第一个触摸就像桌面上的hover一样,第二个触摸的行为就像点击一样。 当我说“不起作用”时,我的意思是触摸的行为就像直接点击…

我会说,不,因为你不在移动界面hover。 如果在触摸屏上,您可以按下。 否则,你只是通过链接。

将不会在触摸屏设备上发挥它的魔力,但它在用户通过使用一些箭头键(或在亚马逊kindle)上导航的移动设备上工作,

也可以用于黑莓风暴1设备,因为他们有触摸屏,点击事件,由于他们的suedo-tactile屏幕。

:hover可以和android的默认浏览器一起使用,但是对于用户来说,触发hover并不会同时触发点击是非常棘手的。