JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div">
    div
    <span>child</span>
</div>
<div>div no meio</div>
<div id="div2">
    div
    <span>child</span>
</div>

CSS

#div {
    color: white;
    background-color: brown;
}

#div2 {
    color: black;
    background-color: skyblue;
}

body {
    height: 1000px;
}

JavaScript

$(function() {
    $("body").on("click", function (e) {
        if ($(e.target).closest("#div,#div2").length)
            return;
        
        alert("VocĂŞ clicou fora da div!");
    });
})