JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<div class="box">
    1. box
</div>

CSS

.box {
    border: 1px solid #000;
    margin: 10px;
}

JavaScript

var msg = '';
var t;

$(document).on('click', '.box', function() {
    if(t) clearTimeout(t);
    msg += 'on ';
    alertMsg();
});

function alertMsg() {
    t = setTimeout(function() {
        alert(msg);
        msg = '';
    }, 10);
}

var box = jQuery('.box');
box.clone().text('2. Просто клонированный блок clone()').appendTo('body');
box.clone(true).text('3. Блок клонированный с параметром true clone(true)').appendTo('body');

var newBox = jQuery('<div class="box">4. Динамически созданный блок</div>').appendTo('body')