有什么方法可以使双击事件在使用原始JavaScript的手机中起作用?

伊尔克

我意识到,当我切换设备工具栏时,双击事件不起作用。我用谷歌搜索,但只看过jQuery的东西,而对jQuery却一无所知。我该如何工作?

stuff.addEventListener('dblclick', openOtherStuff)

我正在尝试为此事件打开一个模式。它可以完美地在PC上运行,不适用于移动设备。

阿卜杜拉曼

不幸的是,您无法收听双击事件,但可以使用touchstart事件测量两次单击之间的时间差。

let lastClick = 0;
const ele = document.querySelector('div');
ele.addEventListener('touchstart', function(e) {
  e.preventDefault(); // to disable browser default zoom on double tap
  let date = new Date();
  let time = date.getTime();
  const time_between_taps = 200; // 200ms
  if (time - lastClick < time_between_taps) {
    // do stuff
    console.log("done");
  }
  lastClick = time;
})
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
}

div {
  width: 100px;
  height: 100px;
  background: rebeccapurple;
  display: flex;
  justify-content: center;
  align-items: center;
}
<div>Touch</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

手机onClick可以使用什么?

来自分类Dev

有什么方法可以将手机中的SIM卡放入热点设备?

来自分类Dev

是否可以使用 USSD 获取手机的位置?

来自分类Dev

我可以使用手机热点访问virtualbox中的网站吗?

来自分类Dev

遮罩的输入在android手机中不起作用?

来自分类Dev

遮罩的输入在android手机中不起作用?

来自分类Dev

有什么方法可以防止虚拟智能手机键盘隐藏输入?

来自分类Dev

有什么办法可以在flutter应用程序中获取手机用户的名称?

来自分类Dev

'.contains'在android手机中不起作用,但是在网页中可以正常工作

来自分类Dev

有什么方法可以替换上面带有我的手机IMEI号码的芯片吗?

来自分类Dev

是否可以使用/ res / values文件夹定位特定的Android手机

来自分类Dev

可以使用Ionic 2更改手机和平板电脑的布局吗?

来自分类Dev

可以使用Ionic 2更改手机和平板电脑的布局吗?

来自分类Dev

我可以使用 VB 为我的 android 手机编写应用程序吗?

来自分类Dev

防止意外双击手机

来自分类Dev

使用 goforward 原始文件检测带有“allphone”的手机

来自分类Dev

HTML表单提交按钮在手机中不起作用

来自分类Dev

平板电脑/手机中的错误,css 100vh高度不起作用

来自分类Dev

如何在带有广播接收器的HTC手机中检测耳机按钮双击?

来自分类Dev

使用javascript用手机拍照

来自分类Dev

手机旋转后的LinearLayoutManager setOrientation不起作用

来自分类Dev

手机通话或mailto根本不起作用

来自分类Dev

手机的Bootstrap菜单不起作用

来自分类Dev

Firebase 通知在手机之间不起作用

来自分类Dev

有什么方法可以使用itertools groupby删除列表中相邻的重复项,但保留原始索引吗?

来自分类Dev

空手道手机-空手道中是否有一种方法可以执行TouchActions或scrollIntoView

来自分类Dev

是否可以在没有Internet / GPS的情况下跟踪手机(手机)?

来自分类Dev

如何使用Unity Engine确定设备是手机还是平板电脑,并且可以使用C#完成?

来自分类Dev

使用C#代码可以使手机使用AT命令通过Visual Studio进行连接?

Related 相关文章

  1. 1

    手机onClick可以使用什么?

  2. 2

    有什么方法可以将手机中的SIM卡放入热点设备?

  3. 3

    是否可以使用 USSD 获取手机的位置?

  4. 4

    我可以使用手机热点访问virtualbox中的网站吗?

  5. 5

    遮罩的输入在android手机中不起作用?

  6. 6

    遮罩的输入在android手机中不起作用?

  7. 7

    有什么方法可以防止虚拟智能手机键盘隐藏输入?

  8. 8

    有什么办法可以在flutter应用程序中获取手机用户的名称?

  9. 9

    '.contains'在android手机中不起作用,但是在网页中可以正常工作

  10. 10

    有什么方法可以替换上面带有我的手机IMEI号码的芯片吗?

  11. 11

    是否可以使用/ res / values文件夹定位特定的Android手机

  12. 12

    可以使用Ionic 2更改手机和平板电脑的布局吗?

  13. 13

    可以使用Ionic 2更改手机和平板电脑的布局吗?

  14. 14

    我可以使用 VB 为我的 android 手机编写应用程序吗?

  15. 15

    防止意外双击手机

  16. 16

    使用 goforward 原始文件检测带有“allphone”的手机

  17. 17

    HTML表单提交按钮在手机中不起作用

  18. 18

    平板电脑/手机中的错误,css 100vh高度不起作用

  19. 19

    如何在带有广播接收器的HTC手机中检测耳机按钮双击?

  20. 20

    使用javascript用手机拍照

  21. 21

    手机旋转后的LinearLayoutManager setOrientation不起作用

  22. 22

    手机通话或mailto根本不起作用

  23. 23

    手机的Bootstrap菜单不起作用

  24. 24

    Firebase 通知在手机之间不起作用

  25. 25

    有什么方法可以使用itertools groupby删除列表中相邻的重复项,但保留原始索引吗?

  26. 26

    空手道手机-空手道中是否有一种方法可以执行TouchActions或scrollIntoView

  27. 27

    是否可以在没有Internet / GPS的情况下跟踪手机(手机)?

  28. 28

    如何使用Unity Engine确定设备是手机还是平板电脑,并且可以使用C#完成?

  29. 29

    使用C#代码可以使手机使用AT命令通过Visual Studio进行连接?

热门标签

归档