大佬教程收集整理的这篇文章主要介绍了angular – Rxjs,fromEvent来处理多个事件,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
fromEvent($element,’event_name’)但我一次只能指定一个事件.
我想要手柄滚轮touchmove touchend事件.
Rx.Observable.merge
函数将多个可观察流合并为单个流:
// First,create a separate observable for each event: const scrollEvents$ = Observable.fromEvent($element,'scroll'); const wheelEvents$ = Observable.fromEvent($element,'wheel'); const touchMoveEvents$= Observable.fromEvent($element,'touchmove'); const touchEndEvents$ = Observable.fromEvent($element,'touchend'); // Then,merge all observables into one single stream: const allEvents$= Observable.merge( scrollEvents$,wheelEvents$,touchMoveEvents$,touchEndEvents$ );
如果这看起来有点臃肿,我们可能会通过为事件创建一个数组来清理一下,然后将该数组映射到Observable对象.如果您不需要在某些时候单独引用其关联的可观察事件,则此方法效果最佳:
const events = [ 'scroll','wheel','touchmove','touchend',]; const eventStreams = events.map((ev) => Observable.fromEvent($element,ev)); const allEvents$= Observable.merge(...eventStreams);
const subscription = allEvents$.subscribe((event) => { // do something with event... // event may be of any type present in the events array. });
以上是大佬教程为你收集整理的angular – Rxjs,fromEvent来处理多个事件全部内容,希望文章能够帮你解决angular – Rxjs,fromEvent来处理多个事件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。