Как добиться копирования одним кликом — Clipboard?

234
14 апреля 2017, 22:53

Никак не могу добиться копирования в буфер обмена данных из атрибута кнопки одним кликом. Копирование происходит только на втором клике. Поправьте меня, где ошибся?

// Обработка кнопки СКОПИРОВАТЬ 
jQuery('.btn_copy_code').click(function() { 
 
    var $this = $(this); 
 
    // Получаем Ajax-ом данные и вставляем его в атрибут кнопки 
    $this.attr('data-clipboard-text', 'КОД'); 
 
    // Копируем КОД в буфер 
    var clipping = new Clipboard(this); 
    clipping.on('success', function (e) { 
 
        // Логируем в консоль... 
        console.info('Action:', e.action); 
        console.info('Text:', e.text); 
        console.info('Trigger:', e.trigger); 
 
        e.clearSelection(); 
        clipping.destroy(); 
    }); 
});
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.0/clipboard.min.js"></script> 
<style> 
.zmdi { 
    color: #9e9e9e; 
} 
.zmdi:hover { 
    color: #7cb342; 
} 
</style> 
<i id="btn_copy_code" class="btn_copy_code zmdi zmdi-copy zmdi-hc-4x zmdi-hc-border pull-left"></i>

READ ALSO
Остаток от деления

Остаток от деления

Каким образом можно сокращать все числа например:(1220043, 12, 34325) в диапазон чисел от 1 до 4Пол дня ломаю голову и через циклы делил на 2, и через...

226
AjaxUpload, передать параметр динамически

AjaxUpload, передать параметр динамически

Модуль для импорта файла в опенкартеТаким способом загружается файл и посылает его в контроллер

211
Как вернуть значение в input?

Как вернуть значение в input?

Как можно не получить, а вернуть значение в input?

298
JS сохранить GET запрос после замены истории, при перезагрузке страницы

JS сохранить GET запрос после замены истории, при перезагрузке страницы

ЗдравствуйтеВозможно ли сохранить GET при перезагрузке страницы после изменения истории:

248