DOM Custom Events
Custom DOM events are events that you create that or even pre built that allows you to create events to change on your web page. Some events that can be triggered are on click events, when a page loads, a key on the keyboard being pressed, and much more.
How to Create Custom Event
To create a custom event you will use the CustomEvent() constructor. You can use let or const to creat the new variable then you will use the dispatchEvent() method to dispatch them.
Why DOM Custom Events Are Used
Creating custom events can be useful in changing how events happen on your web page. If you want something to happen on a click events then you can change what will happen when a user clicks something.
Summary
Custom events seem to be very useful when you are looking to change the default events in your web page. You can change what happens when you click a link or even other events. This will make the users on your site have a better experince which can result in having more people coming to your site.