JSFiddle - React, Tailwind, and code Playground

by cjmemay

HTML

<div class="original">
    <p>A result</p>
</div>
<input class="button" type="submit" value="clone">
<div class="results">
</div>

CSS

.results {
    border: 1px solid red;
    width: 200px;
}
.original {
    display: none;        
}

JavaScript

var evHandler = function(e){
    e.preventDefault();
    $(".original p").clone().appendTo(".results");
};

$('.button').on('mousedown', function(){
    $(this).data("mouseDown", true);
});

$('.button').on('mouseup', function(){
    $(this).removeData("mouseDown");
});

$('.button').on('focus', function(){
    if (!$(this).data("mouseDown"))
        $(this).trigger('click.click');
});

$(".button").on('click.click',evHandler);