JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="closeLink" onclick="closeZoom();"><img alt='testtesttest' class="close" style="border-style:none" id="closeButton" src="Images/trans.png"/></a>

<input type="text" data-bind="value: currentValue" class="channel" onkeyup="EnterToTabHack(event);" tabindex="1"/>

CSS

a:focus {
 color:red;
 border: 1px solid red;   
}

JavaScript

function EnterToTabHack(event) {    
    //event.stopPropagation();
        if ((event.which && event.which == 13) || (event.keyCode && event.keyCode == 13)) {         
            $("#closeLink").focus();
        }
}

$(".channel").blur(function(){
    console.log('blurred');
});

function closeZoom(){
   alert('clicked');   
}