JSFiddle - React, Tailwind, and code Playground

by karthick6891

JavaScript

// Capture Event Wiring:

// Fires first
window.addEventListener("DOMContentLoaded", function () {
  console.log("CAPTURE: window.DOMContentLoaded");
}, true);

// Fires second
document.addEventListener("DOMContentLoaded", function () {
  console.log("CAPTURE: document.DOMContentLoaded");
}, true);

// Bubbling Event Wiring:



// Fires second
window.addEventListener("DOMContentLoaded", function () {
  console.log("BUBBLE: window.DOMContentLoaded");
}, false);
// Fires first
document.addEventListener("DOMContentLoaded", function () {
  console.log("BUBBLE: document.DOMContentLoaded");
}, false);