JSFiddle - React, Tailwind, and code Playground

HTML

<span>Click here with middle mouse button</span>

JavaScript

$("span").on("click", function() {
    console.log("direct"); // logged
});

$("body").on("click", "span", function() {
    console.log("delegation"); // not logged
});

$("body").click(function() {
    console.log("body"); // logged
});