Rxjs-create-operator-fromeventpattern

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

RxJS-作成オペレーターfromEventPattern

このオペレーターは、イベントハンドラーの登録に使用される入力関数からオブザーバブルを作成します。

構文

fromEventPattern(addHandler_func: Function): Observable

パラメーター

*_addHandler_func_* -指定された引数はaddHandler_funcで、これは実際のイベントソースにアタッチされます。

戻り値

クリック、マウスオーバーなどのイベントが発生したときにオブザーバブルを返します。

import { fromEventPattern } from 'rxjs';

function addBtnClickHandler(handler) {
   document.getElementById("btnclick").addEventListener('click', handler);
}

const button_click = fromEventPattern(addBtnClickHandler);
button_click.subscribe(
   x => console.log(
      "ClientX = "+ x.clientX + " and ClientY="+ x.clientY
   )
);

出力

fromEventPattern