JSFiddle - React, Tailwind, and code Playground

HTML

Clicking here should work.

<div class="parent">Clicking here should work.
    <div class="containers">Clicking here shouldn't
        <div class="child">Clicking here shouldn't</div>
    </div>
</div>

<div class="parent">Clicking here should work.
    <div class="containers">Clicking here shouldn't
        <div class="child">Clicking here shouldn't</div>
    </div>
</div>

Clicking anywhere but red should work.

CSS

div {
    border: 2px solid black;
    margin: 10px;
    padding: 5px;
}

body {
    background-color: green;
}
.containers {
    background-color: red;
}

JavaScript

$('html').on('click', function () {
    alert("Clicked!");
});

$('.containers').on('click', function (event) {
    return false;
});