RxJS - Creation Operator fromEvent

This operator will give output as an observable that is to be used on elements that emit events for example buttons, clicks, etc.

Syntax

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

Parameters

target − The target is the dom element

eventName − eventName you want to capture for example click, mouseover, etc.

Return value

It returns an observable.

Example

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

Output