JSFiddle - React, Tailwind, and code Playground

by belorion

HTML

<div id='outer'>
    <div id='inner'>
        <span id='clickme'>clickme</span>
    </div>
</div>

JavaScript

$(document).ready(function(){
    var count = 0;
    $('span').live('click', function(e){
        console.log(e);
        console.log('clicked! ' + e.srcElement.innerText);
    }); 
    
    $('span').live('mousedown', function(e){
        console.log('clicked down! ' + e.srcElement.innerText);
    }); 
    
    $('span').live('mouseup', function(e){
        console.log('clicked up! ' + e.srcElement.innerText);
    }); 
    
    setInterval(function(){
        $('#clickme').text('clickme ' + count);
        count++;
    }, 1000);
});