evtd

Event delegation with native events and extended events in a small library.

(Only 300 lines of codes)

Docs

evtd

Basic Usage

import { on, off } from 'evtd'

function handleClick () {
  console.log('click')
}

// register event
on(window, 'click', handleClick)
on(document, 'click', handleClick)
on(eventTarget, 'click', handleClick)

// evtd has 2 extended events
on(eventTarget, 'clickoutside', handleClick)
on(eventTarget, 'mousemoveoutside', handleClick)

// unregister
const handleClick2 = () => console.log('click2')
on(eventTarget, 'click', handleClick2)
off(eventTarget, 'click', handleClick2)

// capture
on(eventTarget, 'click', handleClick2, true)
off(eventTarget, 'click', handleClick2, true)

License

MIT

Inspired by delegated-events

Current Tags

• 0.2.3                                ...           latest (4 years ago)

12 Versions

• 0.2.3                                ...           4 years ago
• 0.2.2                                ...           5 years ago
• 0.2.1                                ...           5 years ago
• 0.2.0                                ...           5 years ago
• 0.1.1                                ...           5 years ago
• 0.1.0                                ...           5 years ago
• 0.0.1-alpha.5                                ...           5 years ago
• 0.0.1-alpha.4                                ...           5 years ago
• 0.0.1-alpha.3                                ...           5 years ago
• 0.0.1-alpha.2                                ...           5 years ago
• 0.0.1-alpha.1                                ...           5 years ago
• 0.0.1-alpha.0                                ...           5 years ago