1.0.0-beta.30 • Published 10 months ago
diffhtml-middleware-synthetic-events v1.0.0-beta.30
<±/> diffHTML Synthetic Events Middleware
Stable Version: 1.0.0-beta.30
Changes the event binding from inline event handlers like onclick = fn
to use
addEventListener
. Hooks are attached to the body
element and coordinated
using event delegation.
Installation
npm install diffhtml-middleware-synthetic-events
Example
import { use, html, innerHTML } from 'diffhtml';
import syntheticEvents from 'diffhtml-middleware-synthetic-events';
use(syntheticEvents());
function render() {
return html`
<div onclick=${e => console.log(e)} />
`;
}
// Binds the event on div using `addEventListener`.
innerHTML(document.body, render());
A good use case for this middleware is building a Chrome Extension where using
inline event handlers is not possible. Supports non-bubbling events via the
useCapture
flag.
1.0.0-beta.30
10 months ago
1.0.0-beta.29
2 years ago
1.0.0-beta.28
2 years ago
1.0.0-beta.26
2 years ago
1.0.0-beta.27
2 years ago
1.0.0-beta.24
2 years ago
1.0.0-beta.25
2 years ago
1.0.0-beta.22
2 years ago
1.0.0-beta.23
2 years ago
1.0.0-beta.21
2 years ago
1.0.0-beta.20
3 years ago
1.0.0-beta.19
3 years ago
1.0.0-beta.18
4 years ago
1.0.0-beta.17
4 years ago
1.0.0-beta.16
4 years ago
1.0.0-beta.15
4 years ago
1.0.0-beta.14
4 years ago
1.0.0-beta.13
4 years ago
1.0.0-beta.12
4 years ago
1.0.0-beta.11
4 years ago
1.0.0-beta.9
7 years ago
1.0.0-beta.8
7 years ago
1.0.0-beta.7
7 years ago
1.0.0-beta.6
7 years ago
1.0.0-beta.5
7 years ago
1.0.0-beta.4
7 years ago
1.0.0-beta.3
7 years ago
1.0.0-beta.2
7 years ago
1.0.0-beta.1
7 years ago
1.0.0-beta
7 years ago