Js Events in JavaScript
? JavaScript Events
Events are actions or occurrences that happen in the browser, which JavaScript can respond to.
Common Event Types
| Event Type | Description |
|---|---|
click | Mouse click |
mouseover | Mouse pointer moves over element |
mouseout | Mouse pointer moves out |
keydown | Key pressed down |
keyup | Key released |
submit | Form submission |
load | Page or image finished loading |
resize | Window resized |
scroll | Page or element scrolls |
Adding Event Listeners
const button = document.getElementById("myBtn");button.addEventListener("click", function(event) { alert("Button clicked!");});Event Object
When an event happens, the handler receives an event object with info like:
event.target— element that triggered the eventevent.type— type of the eventevent.preventDefault()— stops default browser actionevent.stopPropagation()— stops event bubbling
Inline Event Handling (not recommended)
<button onclick="alert('Clicked!')">Click me</button>Removing Event Listeners
function handler() { console.log("Clicked");}button.addEventListener("click", handler);// To remove:button.removeEventListener("click", handler);Want examples of event delegation, event propagation, or how to handle keyboard events?
