JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<span id="click" tabindex="-1">Внутренний элемент</span>
</div>
CSS
div{
border: 10px solid red;
}
.focus {
border: 10px solid blue;
}
JavaScript
var elemClick = document.getElementById('click')
elemClick.onfocus = function(){
this.parentNode.className = 'focus';
}
elemClick.onblur = function(){
this.parentNode.className = '';
}