JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<span>Span & <button type="button">Button</button></span>
<br/><br/>
<div></div>

CSS

span:hover {cursor:pointer;}

JavaScript

$("span").on("dblclick", function(event){
    $("div").append("<strong>DBL - " + $(event.target).text() + "<br/></strong>");
    $("strong").fadeOut(2000);
});

$("button").on("click", function(event){
    $("div").append("<em>SGL - " +$(event.target).text() + "<br/></em>");
    $("em").fadeOut(2000);
});

$('button').on("dblclick", function(event){
    event.stopPropagation();
});