Event Listeners

addEventListener(event, handler) — the modern way to handle events.

Common Events

Type	Events
Mouse	click, mouseenter, mouseleave
Keyboard	keydown, keyup
Form	submit, change, input
Window	load, resize, scroll

Example

document.querySelector('#btn').addEventListener('click', e=>{
  console.log('Clicked!', e.target);
});

form.addEventListener('submit', e=>{
  e.preventDefault(); // stop page reload
  processForm();
});

JAVASCRIPT

Full Editor

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned