DEV Community

How to create Custom Events in JavaScript?

Madhu Saini on April 09, 2024

Introduction Imagine you're building a complex web application. Pre-built events like "click" and "submit" are great, but what if you ne...

Read full post

Florian Rappl • Apr 9

Without any reference to bubbling or the ability to cancel events you could have also just called it "events". What distinguishes DOM events (i.e., in-built and custom events) from ordinary events are, however, those special abilities. So it would be great to also list them.

Madhu Saini • Apr 14

Thanks for the insightful perspective! You're absolutely right about the unique characteristics of DOM events, like bubbling and the ability to cancel them, setting them apart from ordinary events

thekadur • Apr 10 • Edited

Hello Madhu! This is an inspiring article, and we at Codemischief Software Solutions would love to repost it on our official page with due credits for more reach.
We are Codemischief Software Development Solutions and I am the Strategy personnel at the firm.

Would love to connect!
LinkedIn : [(linkedin.com/company/codemischief-...]
Website : [(codemischief.tech/)]
Personal : [(linkedin.com/in/manish-kadur)]

Regards,
Manish Kadur

Madhu Saini • Apr 10

That's amazing!!

Thank you so much for the support!, this really motivate me to do more good work :)

Ndi Lionel • Apr 10

I have been writing JavaScript for some time now but this is the first time I am witnessing custom events. This article is so mind-blowing. JavaScript is so powerful when you know how to use it. Thanks for this.

Madhu Saini • Apr 14

I really appreciate your kind words <3

Thank you so much for reading :)

Stephen Firecrow Silvernight • Apr 10

WOW! that is nuts and I like it. this is definitely food for thought.

I've always like the event dispatcher model (of running the queue when any JS reaches global scope).

Thank you for posting this, the ability to route events through the DOM node tree is really cool!

Madhu Saini • Apr 14

Thanks for reading :)

programORdie • Apr 9

I didn't knew this was possible, thank you for writing this!

Madhu Saini • Apr 9

Glad you've learned something new!

Thanks for the feedback :)

Michal Štefaňák • Apr 10

Does it have to be attached to DOM node or it can be used on ordinary class?

Madhu Saini • Apr 14

Nope, innerText and textContent are meant for DOM nodes, not regular classes. They're perfect for updating text content in HTML elements using JavaScript.