javascript 不用定时器能否判断出单击和双击事件

[chord]

RT
javascript 不用定时器能否判断出单击和双击事件，想了很久都需要操作到时间有关的东西

[cydysm]

你是说防抖？

[xiaopc]

ondblclick event?

[chord]

@xiaopc 是的，onclick 和 ondblclick 事件，不通过延时器单击事件和双击事件共存

[chord]

@cydysm 是的，不用到延时器

[chord]

也不能用到任何时间有关的。。。这个题目实在想不出解决方案

[xiaopc]

@chord 好像真的不行
jQuery 的文档里就提到不建议同时加这两个事件，因为不同系统的 timeout 不好控制

[xiangyuecn]

怎么会想到用定时器？不应该第一个想到：记录每次单击的时间，然后判断两次单击间的时间间隔么？

分享一下我的理解：

双击===同一位置短时间内的两次单击。记录每次单击的时间，如果这次单击距离上次单击的间隔很短，并且点击坐标在同一位置，说明是双击

这里所说的 单击===同一位置按下和弹起，并且没有发生移动行为

同理，“长按” 操作 也可以这样处理

[ETiV]

window.requestAnimationFrame

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame

数帧数就好了……严格来说跟时间无关…

[chord]

@xiangyuecn 意思就是不记录时间呢？哈哈哈

[Chingim]

单击和双击的区别是什么？不就是时间吗？

[sudoer]

@ETiV 请问具体怎么实现？ requestAnimationFrame 是将事件能跑到 60 帧去。。。想不来怎么做能判断单双击

[ETiV]

@sudoer 任何跑得起来的大系统都是个巨大循环，最外层都是 while true，用 reqAni 也是同理

然后基本就是通过全局状态，记录某一次单击的 frameId、判断再次单击时的新 frameId、对比两个 id 的差值，差得比较近的，模拟触发双击

[crs0910]

click 事件弄个 css 遮罩？

[jiejiss]

防抖都是在时间上定义的（否则何来“抖”？）
不让用时间的话，只好想办法弄来时间了
比如楼上提到的 requestAnimationFrame
或者是用没被封的 API 例如 performance.now
再或者你给某个指定的 server url 发 request，让 server sleep 1000ms 再发送应答