DEMO of onmousedown and onmouseup events

HTML

<div id="dis1" style=" position: relative; right: 0px; top: 10px;
 background-color: #f1f1f1; width: 250px; padding: 10px; color: black; border: #0000cc 2px dashed; " 
onmousedown="this.style.background='#f0f000';" onmouseup="this.style.background='#90f0c0';">
Bring Mouse inside this <br>Press and hold your mouse key first , then release it</div>

plus2net.com