Rxjs-create-operator-fromevent

提供:Dev Guides
2020年6月23日 (火) 01:13時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

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

出力

FromEventオペレーター