JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<button>hover</button>

JavaScript

$('button').on('mousemove mouseenter mouseleave click mousedown', function( e ) {
    
    var button = $(this);

    if ( e.type === 'mouseenter' ) { 
    
        // Mouseenter
        button.html('MOUSEENTER');
        
    }
    else if ( e.type === 'mouseleave' ) {

        // Mouseleave
        button.html('MOUSELEAVE');
    
    }
    else if ( e.type === 'click' ) {
        
        // Click
        button.html('CLICK');
    
    }
    else if ( e.type === 'mousedown' ) {
        
        // Mousedown
        button.html('MOUSEDOWN');
    
    }
    else if ( e.type === 'mousemove' ) {

        // Mousemove
        if ( button.html() !== 'MOUSEMOVE' ) {
            button.html('MOUSEMOVE');
        }

    }

});