Event Handling Quiz: Test Your Knowledge of Click, Mouseover, and Keypress

📚 Quick Study Guide

• 🖱️ Click Events: Occur when an element is clicked. Commonly used with buttons and links.
• 🖐️ Mouseover Events: Triggered when the mouse pointer enters an element. Useful for interactive effects like highlighting.
• ⌨️ Keypress Events: Fired when a key is pressed. Essential for capturing user input in forms.
• 🎯 Event Listeners: Functions that 'listen' for specific events and execute code when the event occurs. They are added using methods like `addEventListener()`.
• 🛑 Preventing Default: The `.preventDefault()` method stops the default action of an event (e.g., preventing a link from navigating).
• 📡 Event Bubbling: Events propagate up the DOM tree from the target element to its ancestors.
• 🎣 Event Capturing: Events propagate down the DOM tree from the root to the target element (less common).

Practice Quiz

1. Which event is triggered when a user clicks on an HTML element?

   1. A. mouseover
   2. B. keypress
   3. C. click
   4. D. hover

2. What is the purpose of the addEventListener() method?

   1. A. To remove an event from an element.
   2. B. To attach an event handler to an element.
   3. C. To prevent the default action of an event.
   4. D. To trigger an event manually.

3. Which event is fired when the mouse pointer enters an HTML element?

   1. A. click
   2. B. keypress
   3. C. mouseover
   4. D. mousedown

4. What method can be used to prevent the default action of an event?

   1. A. stopPropagation()
   2. B. preventDefault()
   3. C. stopEvent()
   4. D. cancelEvent()

5. Which event is triggered when a key is pressed?

   1. A. click
   2. B. mouseover
   3. C. keypress
   4. D. keyup

6. What is 'event bubbling'?

   1. A. The process of preventing default actions.
   2. B. The order in which event listeners are added.
   3. C. The propagation of events up the DOM tree.
   4. D. The propagation of events down the DOM tree.

7. In JavaScript, how do you typically access the element that triggered an event?

   1. A. event.source
   2. B. event.target
   3. C. event.element
   4. D. event.origin