24 lines
820 B
Markdown
24 lines
820 B
Markdown
---
|
|
title: Trigger event on HTML element
|
|
tags: browser,event
|
|
cover: blog_images/cloudy-mountaintop-2.jpg
|
|
firstSeen: 2018-06-19T20:57:58+03:00
|
|
lastUpdated: 2020-10-22T20:24:44+03:00
|
|
---
|
|
|
|
Triggers a specific event on a given element, optionally passing custom data.
|
|
|
|
- Use the `CustomEvent` constructor to create an event from the specified `eventType` and details.
|
|
- Use `EventTarget.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) =>
|
|
el.dispatchEvent(new CustomEvent(eventType, { detail }));
|
|
```
|
|
|
|
```js
|
|
triggerEvent(document.getElementById('myId'), 'click');
|
|
triggerEvent(document.getElementById('myId'), 'click', { username: 'bob' });
|
|
```
|