JSFiddle - React, Tailwind, and code Playground

by DeadByElpy

HTML

<div id="el" tabIndex="1">ASDASdasd

<div>ASDASdasd</div>
  <div>ASDASdasd</div>
  <div>ASDASdasd</div>
  <div>ASDASdasd</div>
  <div>ASDASdasd</div>
</div>

CSS

div {
  width: 300px;
  height: 300px;
  background: #eee;
}

JavaScript

(function () {
  console.clear();
  el.addEventListener("blur", function () {
    console.log('focus');
  });
  el.addEventListener("blur", function () {
    console.log('focus');
  });
  el.addEventListener("keydown", function () {
    console.log('keydown');
  });
  el.addEventListener("click", function () {
    console.log('click');
  });
  el.addEventListener("dblclick", function () {
    console.log('dblclick');
  });
})()