JavaScript Element blur Event

const password = document.querySelector('input[type="password"]');
const out = document.getElementById("out");

password.addEventListener("blur", () => {
  out.textContent = "Password field lost focus";
});

const field = document.getElementById("name");
const out = document.getElementById("out");

field.addEventListener("blur", (event) => {
  const next = event.relatedTarget;
  out.textContent =
    "left: " + event.target.id +
    "\nnext: " + (next ? next.id || next.tagName : "(none)");
});

const form = document.getElementById("form");
const out = document.getElementById("out");

form.addEventListener(
  "blur",
  (event) => {
    out.textContent = "blur (capture): " + event.target.tagName;
  },
  true
);