JSFiddle - React, Tailwind, and code Playground

by franklinjavier

HTML

<span>Elemento</span>
<button id="unbind">Unbind</button>
<button id="off">off</button>
<div id="result"></div>

CSS

span { 
    background-color: #eee;
    margin: 10px; 
    padding: 10px;
    width: 100px;
}
#result { margin: 10px; }

JavaScript

$(function(){
    
    var $el = $('span'),
        $result = $('#result');
    
    $el.on('click', function(e){ $result.append(e.type + '<br />'); })
        .on('mouseover', function(e){ $result.append(e.type + '<br />'); })
        .on('mouseup', function(e){ $result.append(e.type + '<br />'); });
   
    $('#unbind').click(function(){
        $el.unbind();
    });      
    $('#off').click(function(){
        $el.off();
    });   
});