RxJS - 建立運算子 fromEvent

此運算子將輸出供在觸發事件的元素上使用的可觀察物件，例如按鈕、單擊等。

語法

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

引數

target − 目標為 dom 元素

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

輸出