JSFiddle - React, Tailwind, and code Playground

by stefek99

HTML

<a href="#">before wrapper</a><br>

<div id="wrapper" tabindex=0>
    <a href="#">first link in wrapper</a><br>
        <a href="#">link 1</a><br>
        <a href="#">link 2</a><br>
        <a href="#">link 3</a><br>
    <a href="#">last link in wrapper</a><br>
</div>

<a href="#">after wrapper</a><br>

<div id="logs"></div>

JavaScript

$("#wrapper").blur(function() {
    alert("wrapper blur");
    logIt("wrapper blur");
});


var logs=document.getElementById('logs');
function logIt(msg){
    var e=document.createElement('div');
    e.innerHTML=msg;
    logs.insertBefore(e,logs.firstChild);
}