微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 检测浏览器/设备是否支持双击事件

我有一个包含多行的表.
通过在行上单击一次可以选择每一行.
双击该行将打开该行在同一窗口中表示的数据表.

使用移动设备时,双击(双击?)不会触发我的双击事件,移动浏览器只会缩放.

在考虑之后,我认为移动设备通过单击/点击打开数据表更有意义.

现在我在使用以下代码设置表的事件监听器时检测它是否是移动设备浏览器:

if( /Android|webOS|iPhone|iPad/i.test(navigator.userAgent) ) {
    // Single click event bind, open
} else {
    // Single click event bind, select
    // Double click event bind, open
}

我没有依赖用户代理,而是更愿意进行一些功能检测,因此任何无法进行双击的设备都可以工作.

我试过检测我的Android设备上是否有dblclick事件,确实如此.
我想这是有道理的,因为浏览器确实支持它,但设备只是在双击时触发不同的事件.

我能想到的另一件事是检查touchstart等事件是否可用,但这似乎与检查用户代理一样错误.

有没有什么好方法可以检测浏览器/客户端是否支持双击?

解决方法:

也许尝试使用超时来检查第一次单击后是否有另一次单击

$(Elm).click(function(evnt){
  clicks++;
  if (clicks == 1) {
    setTimeout(function(){
      if(clicks == 1) 
        // Single click event bind, open
       else 
         // Double click event bind, open
    },2000);
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐