JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<script src="http://imapo.ru/js/clipboard.min.js"></script>
<textarea id="bar">IMAPO.RU - уютное местечко для веб-разработчика</textarea>
<br>
<!-- Trigger -->
<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">
    Перенести в буфер обмена
</button>

CSS

textarea {
    width: 370px;
    height: 50px;
}

JavaScript

var clipboard = new Clipboard('.btn');

clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);
    $('.btn').html('Готово!');
});

clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
    $('.btn').html('Облом...');
});