An event is a signal that something happened. Every DOM node generates this signal.
onClick
As you press the click Me button the event is generated and a hello alert is given.
onMouseenter
As your mouse is detected this event is generated.
Handling Browser Events
We use two main functions for handling events.
addEventListener and removeEventListener
And Then when you click on the Click Me button
only Alert 2 is generated. Alert 1 is removed.
Event Object
When an event happens the browser creates an event object. It puts details into it and passes it as an argument to event handlers.
After clicking ok
This pointer event is an event object.
Event.type
It gives the event type.
After we click on the Click Me button this is printed in the console. This tells that a click event occurred.
event.Clientx, event.Clienty
This set of functions gives the coordinates of the cursor.
When we click on the Click Me button these coordinates are printed on the console.