JSFiddle - React, Tailwind, and code Playground

by mpsingh2003

HTML

<div id="abc" contenteditable="true">
    <p>para1</p>
    <p>para2</p>
</div>
<div id="result">

CSS

#abc{
    height:100px;
    width:100px;
    background:red;
}

JavaScript

$("#abc").click(function(e){
    $("#result").append("<p>click</p>")
});

$("#abc").mousedown(function(e){
    $("#result").append("<p>mousedown</p>")
});

$("#abc").mouseup(function(e){
    $("#result").append("<p>mouseup</p>")
});