RxJS 배우기
  • 소개
  • RxJS 배우기
    • 연산자
      • Combination
        • combineAll
        • combineLatest
        • concat
        • concatAll
        • endWith
        • forkJoin
        • merge
        • mergeAll
        • pairwise
        • race
        • startWith
        • withLatestFrom
        • zip
      • Conditional
        • defaultIfEmpty
        • every
        • iif
        • sequenceEqual
      • Creation
        • ajax
        • create
        • defer
        • empty
        • from
        • fromEvent
        • generate
        • interval
        • of
        • range
        • throw
        • timer
      • Error Handling
        • catch / catchError
        • retry
        • retryWhen
      • Multicasting
        • publish
        • multicast
        • share
        • shareReplay
      • Filtering
        • audit
        • auditTime
        • debounce
        • debounceTime
        • distinct
        • distinctUntilChanged
        • distinctUntilKeyChanged
        • filter
        • find
        • first
        • ignoreElements
        • last
        • sample
        • single
        • skip
        • skipUntil
        • skipWhile
        • take
        • takeLast
        • takeUntil
        • takeWhile
        • throttle
        • throttleTime
      • Transformation
        • buffer
        • bufferCount
        • bufferTime
        • bufferToggle
        • bufferWhen
        • concatMap
        • concatMapTo
        • exhaustMap
        • expand
        • groupBy
        • map
        • mapTo
        • mergeMap / flatMap
        • mergeScan
        • partition
        • pluck
        • reduce
        • scan
        • switchMap
        • switchMapTo
        • toArray
        • window
        • windowCount
        • windowTime
        • windowToggle
        • windowWhen
      • Utility
        • tap / do
        • delay
        • delayWhen
        • dematerialize
        • finalize / finally
        • let
        • repeat
        • timeInterval
        • timeout
        • timeoutWith
        • toPromise
      • 전체 목록
    • Subjects
      • AsyncSubject
      • BehaviorSubject
      • ReplaySubject
      • Subject
    • 사용예시
      • Alphabet Invasion Game
      • Battleship Game
      • Breakout Game
      • Car Racing Game
      • Catch The Dot Game
      • Click Ninja Game
      • Flappy Bird Game
      • Game Loop
      • Horizontal Scroll Indicator
      • Http Polling
      • Lockscreen
      • Matrix Digital Rain
      • Memory Game
      • Mine Sweeper Game
      • Platform Jumper Game
      • Progress Bar
      • Save Indicator
      • Smart Counter
      • Space Invaders Game
      • Stop Watch
      • Swipe To Refresh
      • Tank Battle Game
      • Tetris Game
      • Type Ahead
      • Uncover Image Game
    • 개념
      • RxJS 입문서
      • RxJS v5 -> v6 업그레이드
      • 시간 기반의 연산자 비교
      • 연산자 imports의 이해
Powered by GitBook
On this page
  • 이벤트를 옵저버블로 전환해줍니다.
  • 예시
  • 관련된 사용법
  • 추가 자료

Was this helpful?

  1. RxJS 배우기
  2. 연산자
  3. Creation

fromEvent

PreviousfromNextgenerate

Last updated 5 years ago

Was this helpful?

signature: fromEvent(target: EventTargetLike, eventName: string, selector: function): Observable

이벤트를 옵저버블로 전환해줍니다.

예시

예시 1: 마우스 클릭을 옵저버블로 전환

( | | )

// RxJS v6+
import { fromEvent } from 'rxjs';
import { map } from 'rxjs/operators';

// 클릭 이벤트를 내보내는 옵저버블을 생성합니다
const source = fromEvent(document, 'click');
//주어진 이벤트 타임스탬프를 사용하여 문자열에 맵핑합니다
const example = source.pipe(map(event => `Event time: ${event.timeStamp}`));
//결과 (예시): 'Event time: 7276.390000000001'
const subscribe = example.subscribe(val => console.log(val));

관련된 사용법

  • [Save Indicator]('../../recipes/save-indicator.md)

추가 자료

  • :newspaper: - 공식 문서

:file_folder: Source Code:

StackBlitz
jsBin
jsFiddle
Alphabet Invasion Game
Battleship Game
Breakout Game
Car Racing Game
Catch The Dot Game
Click Ninja Game
Flappy Bird Game
Game Loop
Horizontal Scroll Indicator
HTTP Polling
Lockscreen
Memory Game
Mine Sweeper Game
Platform Jumper Game
Progress Bar
Smart Counter
Space Invaders Game
Stop Watch
Swipe To Refresh
Tank Battle Game
Tetris Game
Type Ahead
Uncover Image Game
fromEvent
https://github.com/ReactiveX/rxjs/blob/master/src/internal/observable/fromEvent.ts