Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davidchase/pull-dom-events

Simple pull-stream for DOM events
https://github.com/davidchase/pull-dom-events

dom dom-events events pull-stream

Last synced: 29 days ago
JSON representation

Simple pull-stream for DOM events

Awesome Lists containing this project

README

        

# pull-dom-events
Simple [pull-stream](https://github.com/pull-stream/pull-stream) for DOM events

![](https://nodei.co/npm/pull-dom-events.png)

![](https://img.shields.io/npm/v/pull-dom-events.svg?style=flat-square) ![](https://img.shields.io/npm/l/pull-dom-events.svg?style=flat-square)
### Install

`npm install --save pull-dom-events`

### Usage

```js
const pull = require('pull-stream')
const {pullEvent, click} = require('pull-dom-events')
const {log, filter} = pull

pull(
pullEvent('click', document),
filter(event => event.target.matches(...)),
log()
)

// or shorthand method

pull(
click(document),
filter(event => event.target.matches(...)),
log()
)

```

#### `pullEvent(eventType, element, capture?)`

`pullEvent` takes a `eventType` such `click, mouseover, keydown, etc` an element such as `document` and an optional `capture` boolean.

#### `eventType(element, capture?)`
`eventType` takes a element to bind to and an option `capture` boolean

Currently supporting the following event-types:

`click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseenter, mouseout, mouseleave, keydown, keypress, keyup, load, unload `

```js
const source = click(document)
```

### Todo
- [ ] more tests
- [ ] more shorthand event types