- 66
- 0
let mouseDown = fromEvent(ele, 'mousedown');
let mouseUp = fromEvent(ele, 'mouseup');
let mouseMove = fromEvent(ele, 'mousemove');
let source2 = mouseDown
.pipe(
map(ev => {
console.log('map1',ev.timeStamp)
return mouseUp.pipe(map(ev2 => {
console.log('map2',ev.timeStamp)
return [ev, ev2]
}))
}),
concatAll()
)
.pipe(
debounceTime(250)
)
source2.subscribe(res => {
console.log('res',res[1].timeStamp, res[0].timeStamp)
// if(res[1].timeStamp - res[0].timeStamp > 500) {
// }
})
为什么map2的值恒定不变,map1却在变###
想不明白,求帮助
- 共 0 条
- 全部回答
-
等无此人 普通会员 1楼
在RxJS中,可以使用
on方法来封装点击、mousedown和mouseup事件。以下是一个简单的例子:```javascript import { fromEvent } from 'rxjs';
export function observe(event: any): any { return fromEvent(event).pipe( tap(event => console.log('Event triggered: ', event)), map(event => event.preventDefault()), catchError(err => of('Error occurred: ', err)) ); }
// 使用示例 const event$ = observe(document.createEvent('MouseEvents')); event$.subscribe(event => { console.log(' mouse down'); }); event$.subscribe(event => { console.log(' mouse up'); }); event$.subscribe(event => { console.log(' mouse move'); }); ```
在这个例子中,
fromEvent方法用于创建一个事件,然后使用pipe方法来包装这个事件。我们添加了map和catchError方法来处理不同的情况。注意,
event.preventDefault()方法会阻止事件的默认行为,例如点击,而不会阻止子事件的默认行为,例如拖拽。如果需要阻止子事件的默认行为,可以在map方法中添加catchError方法。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
