Event Bubbling

function logText(e) {
  console.log(this.classList.value);
}

div.addEventListener("mousedown", logText);

Event Capture

function logText(e) {
    console.log(this.classList.value);
  }

div.addEventListener("mousedown", logText, { capture: true });

Event Bubbling (with Stop Propagation)

function logTextWithStopPropagation(e) {
  console.log(this.classList.value);
  e.stopPropagation();
}

div.addEventListener("mousedown", logTextWithStopPropagation);

Event Capture (with Stop Propagation)

function logTextWithStopPropagation(e) {
  console.log(this.classList.value);
  e.stopPropagation();
}

div.addEventListener("mousedown", logTextWithStopPropagation, { capture: true });

Once

function logText(e) {
  console.log(this.classList.value);
}

div.addEventListener("mousedown", logText, { once: true })