Categories: RxJS教程

RxJS：创建运算符fromEvent

该运算符将以可观察的形式给出输出，该输出将用于发出事件的元素，例如按钮，单击等。

语法

fromEvent(target: eventtarget, eventName: string): Observable

参量

target-目标是DOM元素

eventName-您要捕获的eventName，例如单击，鼠标悬停等。

返回值

它返回一个可观察的。

例

import { fromEvent, interval } from 'rxjs';
import { buffer } from 'rxjs/operators';

let btn = document.getElementById("btnclick");
let btn_clicks = fromEvent(btn, 'click');
let interval_events = interval(1000);
let buffered_array = interval_events.pipe(buffer(btn_clicks));
buffered_array.subscribe(arr => console.log(arr));