JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ttt"></div>
<hr />

<div id="bird">
    <div id="f1" class="too">one</div>  
    <div id="gg5" class="too">two</div>
    <div id="dd" class="too">three</div>
</div>

CSS

div {
    width:200px; height:20px;
    padding:10px;
}

JavaScript

$('.too').bind("contextmenu", function(e) {
    e.preventDefault();
    $('#ttt').append('click ' + this.id + '<br />');
});



$('.too').live('hover', function(event) {
    $('#ttt').append('click ' + this.id + '<br />');
});