JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dataCard"><div class="ripple"></div></div>
<div class="dataCard"><div class="ripple"></div></div>

CSS

.dataCard{
    height:200px;
    width:200px;
    margin-bottom:20px;
    background:blue;
}
.ripple{
    height:25px;
    width:25px;
    position:absolute;
    background:red;
    display:none;
}

JavaScript

$('.dataCard').on('mousedown touchstart', function(event){
    $(this).children('.ripple').show().css({'left':event.clientX || event.originalEvent.clientX, 'top':event.clientY || event.originalEvent.clientY});
});