Files
30-seconds-of-code/snippets/triggerEvent.md
30secondsofcode 1e4ebaf4c0 Travis build: 2165
2018-06-19 17:59:43 +00:00

18 lines
647 B
Markdown

### triggerEvent
Triggers a specific event on a given element, optionally passing custom data.
Use `new CustomEvent()` to create an event from the specified `eventType` and details.
Use `el.dispatchEvent()` to trigger the newly created event on the given element.
Omit the third argument, `detail`, if you do not want to pass custom data to the triggered event.
```js
const triggerEvent = (el, eventType, detail = undefined) =>
el.dispatchEvent(new CustomEvent(eventType, { detail: detail }));
```
```js
triggerEvent(document.getElementById('myId'), 'click');
triggerEvent(document.getElementById('myId'), 'click', { username: 'bob' });
```