element.addEventListener('click', (e) => {
  e.target;            // Element that triggered the event
  e.currentTarget;     // Element the listener is attached to
  e.type;              // Event type ('click', 'keydown', etc.)
  e.bubbles;           // Whether the event bubbles (boolean)
  e.eventPhase;        // 1=capture, 2=at target, 3=bubbling
  e.timeStamp;         // Time when the event occurred
});

element.addEventListener('click', (e) => {
  e.preventDefault();       // Cancel default behavior
  e.stopPropagation();      // Stop event from bubbling/capturing
  e.stopImmediatePropagation(); // Stop + prevent other handlers on same element
});

// Mouse events: clientX, clientY, button
element.addEventListener('mousemove', (e) => {
  console.log(`Mouse at: ${e.clientX}, ${e.clientY}`);
  console.log(`Button: ${e.button}`); // 0=left, 1=middle, 2=right
});

// Keyboard events: key, code, altKey, ctrlKey, shiftKey
document.addEventListener('keydown', (e) => {
  console.log(`Key pressed: ${e.key} (code: ${e.code})`);
  if (e.ctrlKey && e.key === 's') {
    e.preventDefault(); // Prevent browser save dialog
  }
});