JSFiddle - React, Tailwind, and code Playground

HTML

<input id='checked' type='checkbox' value='Use Wheel?' /> Use Wheel? <br /><br />
<div class="div">
Test Here
</div>

CSS

.div
{
     width: 400px;
     height: 250px; 
     background-color:black; 
     padding-top: 150px;
     color: white;
     text-align: center;
}

JavaScript

function doWorkWheel(e, delta) 
{
  
      alert('Fired aaaaaaaa');
  
}

function doWork(e, delta) 
{
  alert('Fired');
}


$('.div').bind('mousewheel', doWorkWheel).bind('click', doWork);