JSFiddle - React, Tailwind, and code Playground

HTML

<span class="test">TEST</span>

JavaScript

$(document).on('click mouseenter mouseleave', '.test', function(e){
    $('body').append('<p>' + e.type + '</p>');
    
    switch(e.type){
        case 'click': alert('click'); break;
        default: alert('other');
    };
});