RxJS - 创建运算符 fromEvent

此运算符将输出可观察对象，用于发出事件(例如按钮、点击等)的元素。

语法

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

参数

target − 目标是 dom 元素

eventName − 您要捕获的事件名称，例如点击、鼠标悬停等。

返回值

它返回一个可观察对象。

示例

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

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));

输出