JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div class = "box">  
  
</div>

CSS

.box{
  width:50px;
  height:50px;
  border:1px solid black;
}

JavaScript

events = {
       mouseup:function(data){console.log(data)},
       mousedown:function(data){console.log(data)},
    }
    for (var key in events ) {
                console.log('binding: ' + key) ;
                $('.box').on(key ,function(data){
                    console.log(key);
                })

    }