JavaScript HTML DOM Events

JavaScript DOM events let you execute code when users interact with your webpage. Events can be assigned using HTML attributes or JavaScript. Common events include click, input, mouseover, focus, and more.

You can directly assign events using HTML attributes such as onclick, onmouseover, etc.

Instead of using HTML attributes, you can assign events with JavaScript using element.addEventListener() or element.event = function.

onload runs when the page or element finishes loading. onunload runs when the user leaves the page.

Triggered every time a user types or changes input in a field.

Fires when the input loses focus and its value has changed (for input, select, textarea).

onmouseover triggers when the mouse enters the element, onmouseout when it leaves.

Use onmousedown when the mouse button is pressed, onmouseup when released, and onclick for a full click action.

The onfocus event runs when an element (like input) gains focus.