JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <label>
        <input type="text" placeholder="Once this has focus..." />
        <p><a href="#">...how do I distinguish clicks here...</a></p>
    </label>
</form>
<br /><br />
<div></div>

CSS

form {
    border: 1px solid black;
    padding: 10px;
}

JavaScript

$(document).ready(function() {

    $("input").on("blur", function() {
        $("div").append("input blurred<br>");
    });
    
    $("form, label").on("blur", function() {
        $("div").append("form or label blurred<br>");
    });
    
});