JSFiddle - React, Tailwind, and code Playground

HTML

See if <u>event.stopImmediatePropagation()</u> works in IE...
<br/><br/>
<input id='button' type="button" value="Start Test"/>
<br/><br/>
<input id='text' style='width:400px;' />

JavaScript

$(function(){
   
    $('#text').focus(function(event){
        $('#text').val('Use the button to test this.');
    });
    
    $('#button').click(function(event){
        
        // remove all handlers
        $('#text').off('focus');
        
        // now add this other handler in first position
        $('#text').one('focus', function(event){
            $('#text').val('Yay it works! stopImmediatePropagation works in your browser!!');
            event.();
        });
        
        // now add a handler in the 2nd position that shouldn't get run
        $('#text').focus(function(event){
            $('#text').val('Oh No! stopImmediatePropagation failed to work in your browser!!');
        });
        
        // now set the focus to test it
        $('#text').focus();
    });
});