Which event occurs when a user submits an HTML form?
A). A. onsubmit
B). B. onmouseover
C). C. onkeydown
D). D. onclick
Which method is used to attach an event listener to an HTML element in JavaScript?
A). A. appendEvent()
B). B. addEventListener()
C). C. attachEvent()
D). D. bindEvent()
In JavaScript, what is the purpose of the addEventListener() method?
A). A. To create inline event handlers
B). B. To attach event listeners to HTML elements
C). C. To remove event listeners from HTML elements
D). D. To bind event handlers to parent elements
Which event is triggered when a user clicks on an HTML element?
A). A. onhover
B). B. onsubmit
C). C. onload
D). D. onclick
How can you prevent the default behavior of an event in JavaScript?
A). A. By using the event.preventDefault() method inside the event handler function
B). B. By using the event.stopPropogation() method inside the event handler function
C). C. By using the event.stopPropagation() method inside the event handler function
D). D. By using the event.defaultPrevented property inside the event handler function
Consider the following JavaScript code: document.addEventListener('keypress', function(event) { console.log('Key pressed:', event.key); }); What does this code do?
A). A. Adds a click event listener to the document
B). B. Adds a keypress event listener to the document
C). C. Removes a keypress event listener from the document
D). D. Checks if a key is pressed while hovering over an element
What does the preventDefault() method do in JavaScript event handling?
A). A. Stops event propagation to parent elements
B). B. Prevents the default behavior associated with an event
C). C. Detaches event listeners from elements
D). D. Clears the event queue
What is the purpose of the onmouseover event in HTML?
A). A. To detect when an element is hovered over
B). B. To track changes in form inputs
C). C. To determine when an element is loaded
D). D. To handle form submissions
Which statement accurately describes JavaScript event bubbling?
A). A. It refers to the downward propagation of events from parent elements to child elements.
B). B. It refers to the upward propagation of events from child elements to parent elements.
C). C. It refers to the simultaneous firing of multiple events on the same element.
D). D. It refers to the automatic removal of event listeners after an event is triggered.
Consider the following HTML code: Which JavaScript code adds a click event listener to the button?
A). A. document.getElementById('myButton').onclick = function() { alert('Button clicked'); };
B). B. document.getElementById('myButton').addEventListener('click', function() { alert('Button clicked'); });
C). C. document.getElementById('myButton').click(function() { alert('Button clicked'); });
D). D. document.getElementById('myButton').on('click', function() { alert('Button clicked'); });