JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<div></div>
<input type="text" placeholder="Type your name here">

CSS

div {
    width: 500px;
    height: 300px;
    background: #D1DBE2;
    color: #4B4B4B;
    padding: 20px;
    margin-bottom: 20px;
    overflow-y: scroll;
}

JavaScript

$('div').hover(
  function() {
    $(this).addClass('mouseActv');
  }, function() {
    $(this).removeClass('mouseActv');
  }
);

$(document).keydown(function (e) {
    if (e.keyCode == 32 && $('div').hasClass('mouseActv')) {
        $('div').append('Space button clicked<br>');
    }
});