用rxjs实现类似fastclick的功能的话,mousemove部分的截流怎么写?

发布于 2022-09-11 15:39:06 字数 743 浏览 30 评论 0

题目描述

用rxjs实现类似fastclick的功能(桌面)

题目来源及自己的思路

使用canvas再做一个替代html布局。但是在canvas上单纯的点击会不合理。觉得rxjs本身不错。但是使用这东西做这个事情的时候有困难。因为这有两种情况,一种是点击没移动,另一种是点击移动的小。

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

观察canvas对象用mouseDown$,mouseMove$,mouseUp$,mouseOut$实现在canvas上从down到up期间move小于1px,时间间隔小于500ms的流

ps:大体的一个思路。描述的不是太清楚。自己实现的过程中有问题被卡住了。正在看书。如果自己能解决也会贴出自己的代码。


增加描述

表述上可能有问题。canvas上可能有很多元素。所以希望能用mousedown,mousemove,mouseup来去模拟一个类似click的流。使得移动大的时候不触发。不移动或者移动小的时候触发。

clipboard.png

暂时是这么写的。

上面的距离判断写错了。应该是大于时候停止。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

傲娇萝莉攻 2022-09-18 15:39:06

桌面端并不需要fastclick啊。。
要模拟的话监听body的mousedown和up就好了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文