Event Listeners

Estimated reading: 1 minute 54 views

				
					addEventListener()

The addEventListener() method is used to attach an event handler to an HTML element. It takes two parameters: the event type and the function to be executed when the event occurs.

				
					element.addEventListener(event, function, useCapture);

event: A string representing the event type to listen for (e.g., "click", "mouseover", "keydown").
function: The function that gets called when the specified event is triggered.
useCapture (Optional): A Boolean value indicating whether to use event capturing (true) or event bubbling (false). Default is false.

				
					const button = document.getElementById('myButton');

function handleClick() {
    console.log('Button clicked!');
}

button.addEventListener('click', handleClick);