首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    rxjs实现元素拖拽

    现学现玩一下…就来尝试下元素拖拽吧 如果使用非rxjs而是普通的js实现思路也不难。...通过普通的 js 写拖拽我们知道我们开始肯定是需要获取鼠标点击区域到元素左上角的偏移距离,用于后面拖拽后设置元素的正确位置。这里用到了map操作符。...和 js 的数组 map 有点像,输入一系列的值然后处理返回一系列新的值,这个过程都是 immutable 的哦。...接下来,就是在mousemove事件中去计算元素的位置并设置样式改变元素位置了。上面的pipe运算符就是将前一个操作符的输出作为下一个操作符的输入。...我们知道拖拽的结束就是mouseup触发的时候,这时候需要takeUntil这个操作符。它的含义就是:解释源 Observable 会不停发射数据直到目标 Observable 发射数据。

    1.6K10
    领券