JSFiddle - React, Tailwind, and code Playground

HTML

<input id="input" value="41"><span>Change</span>

JavaScript

(function ($) {
    
    $(document).ready(function() {
        
        var $input = $('#input');
        var $span = $('span');
        var initialValue = $input.val();
        
        function inputFocusHandler(e) {
            $(document).on('keydown.reset', resetInput);
        }
        
        function inputBlurHandler() {
            $(document).off('keydown.reset');
        }  
        
        function spanClickHandler() {
            $input.val('42').focus();
        }
                
        function resetInput(e) {
            e.which === 27 && $input.val(initialValue);
        }
        
        $span.on('click', spanClickHandler);
        
        $input
            .on('focus', inputFocusHandler)
            .on('blur', inputBlurHandler)
            .focus();
        
    });
    
})(jQuery);