JSFiddle - React, Tailwind, and code Playground

by susanna

HTML

<div class="container">

<div class="moo">I am moo</div>

<input></input>
    
    
</div>

CSS

.container {
     height:9000px;   
}
}
.moo {
    border:1px solid black
}
.red {
    background:red;
}
input {
    margin-top:30px;
}

JavaScript

$(document).keydown(function(e) {
    if(e.keyCode === 32) {
		$('.moo').addClass('red');
        //event.preventDefault();
        //event.stopPropagation();
		return false;
    }
	else {
		$('.moo').removeClass('moo');
	}
});
$(document).keyup(function(e) {
    if(e.keyCode === 32) {
		$('.moo').removeClass('red');
		event.stopPropagation();
    }
});