Add 4 new browser snippets
triggerEvent - trigger an event on an element, insertAfter & insertBefore - parse and insert HTML after or before an element respectively, elementContains - checks if an element contains another element
This commit is contained in:
16
snippets/triggerEvent.md
Normal file
16
snippets/triggerEvent.md
Normal file
@ -0,0 +1,16 @@
|
||||
### 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'});
|
||||
```
|
||||
Reference in New Issue
Block a user