Property: event.target → Meaning: Actual clicked element
Property: event.currentTarget → Meaning: Element handling the event
Example:
parent.addEventListener("click", function(event) {
console.log(event.target);
console.log(event.currentTarget);
});Important:
In event delegation, target is very useful.
49. How do you prevent default behavior?
Using:
event.preventDefault();
Example:
Prevent form submission.
form.addEventListener("submit", function(event) {
event.preventDefault();
console.log("Form prevented");
});Common Uses:
• Prevent page reload
• Prevent link navigation
• Custom form handling
50. How do you remove an event listener?
Using:
removeEventListener()
Example:
function handleClick() {
console.log("Clicked");
}
button.addEventListener("click", handleClick);
button.removeEventListener("click", handleClick);
Important:
The same function reference must be used while removing the listener.
Wrong Example:
button.removeEventListener("click", () => {});
This will not work because it creates a new function reference.
Double Tap ❤️ For Part-6