JSFiddle - React, Tailwind, and code Playground

HTML

<div id='text'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi a erat risus, id pharetra tortor. Pellentesque vitae odio tincidunt erat consequat gravida. Nam vitae fringilla mi. Mauris ac magna sed eros fermentum commodo quis fringilla urna. Mauris ultricies gravida pharetra. Nam eu nibh enim, et egestas libero. Fusce eget nisi dolor, eget tempus ipsum.

Pellentesque vitae turpis turpis, vel rhoncus leo. Pellentesque dapibus feugiat est et malesuada. Pellentesque in fringilla libero. Integer blandit volutpat nibh, a pulvinar odio posuere in. Mauris vel arcu mauris. Nunc semper, lectus sit amet pulvinar elementum, tortor orci iaculis erat, non vehicula nisi enim a metus. Sed neque diam, ornare eu pharetra at, ornare vitae nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi dui orci, tempor vitae vulputate eu, malesuada in est. Etiam eu odio felis. Curabitur mi massa, consectetur pulvinar faucibus a, viverra non orci. Pellentesque lobortis faucibus lectus, sit amet tempor neque tempus et. Quisque sem sapien, pretium et auctor tristique, ultrices a nibh. Proin ornare turpis ut lectus feugiat ultricies. Duis at viverra massa.
</div>

<div id='mouseupButton'>mouseup</div>
<div id='mousedownButton'>mousedown</div>

CSS

#text {
    height: 200px;
    width: 300px;
    overflow-y: scroll;
    border: 2px solid black;  
}
#mouseupButton, #mousedownButton {
    padding: 10px;
    font-size: 15px;
    margin: 10px;
    background-color: white;
    border: 2px solid black;
    width: 100px;
}
#mouseupButton.buzz, #mousedownButton.buzz {
    background-color: green;
    color: white;
}

JavaScript

$( '#text')
    .on( 'mouseup', function() {
        var $button = $( '#mouseupButton' ).addClass( 'buzz' );
        setTimeout( function() {
            $button.removeClass( 'buzz' );
        }, 200 );
    })
    .on( 'mousedown', function() {
        var $button = $( '#mousedownButton' ).addClass( 'buzz' );
        setTimeout( function() {
            $button.removeClass( 'buzz' );
        }, 200 );      
    });