用Javascript检测触摸屏设备

问题:

在Javascript / jQuery中,如何检测客户端设备是否有鼠标?
当用户将鼠标悬停在某个项目上时,我有一个网站可以滑动一些信息面板。我正在使用jQuery.hoverIntent检测悬停,但这显然不适用于像iPhone / iPad / Android的触摸屏设备。所以在这些设备上,我想恢复点击以显示信息面板。

回答:

+1做hoverclick。另一种方式可能是使用CSS媒体查询,并且只将一些样式用于较小的屏幕/移动设备,这些设备最有可能具有触摸/点击功能。因此,如果您通过CSS获得了一些特定的样式,那么您可以通过jQuery检查这些元素的移动设备样式属性,您可以将它们挂接到这些元素中,以撰写移动设备特定的代码
请参阅:http://www.forabeautifulweb.com/blog/about/hardboiled_css3_media_queries/

 
 
Code问答: http://codewenda.com/topics/javascript/
Stackoverflow: Detecting touch screen devices with Javascript

*转载请注明本文链接以及stackoverflow的英文链接

发表评论

电子邮件地址不会被公开。 必填项已用*标注

44 − 43 =