JSFiddle - React, Tailwind, and code Playground

HTML

<div id="special">Click anywhere but here!</div>

CSS

#special {
    position: absolute;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    text-align: center;
    top: 50%;
    background-color: #ff0000;
}

.highlight {
    background-color: green;
}

JavaScript

$('#special').on('click', function(e) {
    e.stopPropagation();
});

$(document).on('click', function (e) {
    $(e.target).toggleClass('highlight');
});