Копирование вывода переменной JavaScript в буфер обмена

Question

Я не знаю JavaScript, но мне удалось собрать этот код вместе с помощью битов и болтов из различных ответов на переполнение стека  . Он работает нормально, и он выдает массив всех выбранных флажков в документе через окно предупреждения.

function getSelectedCheckboxes(chkboxName) { 
    var checkbx = []; 
    var chkboxes = document.getElementsByName(chkboxName); 
    var nr_chkboxes = chkboxes.length; 
    for(var i=0; i<nr_chkboxes; i++) { 
    if(chkboxes[i].type == 'checkbox' && chkboxes[i].checked == true) checkbx.push(chkboxes[i].value); 
    } 
    return checkbx; 
} 

И называть его я использую:

<button id="btn_test" type="button" >Check</button> 
<script> 
    document.getElementById('btn_test').onclick = function() { 
     var checkedBoxes = getSelectedCheckboxes("my_id"); 
     alert(checkedBoxes); 
    } 
</script> 

Теперь я хотел бы изменить его так, когда я нажимаю кнопку btn_test выходной массив checkbx копируется в буфер обмена. Я попытался добавить:

checkbx = document.execCommand("copy"); 

или

checkbx.execCommand("copy"); 

в конце функции и затем вызвать его люблю:

<button id="btn_test" type="button" onclick="getSelectedCheckboxes('my_id')">Check</button> 

Но это не работает. Данные не копируются в буфер обмена.

Answer 1

ОК, я нашел некоторое время и последовал предложению Teemu, и я смог получить именно то, что хотел.

Итак, вот окончательный код для тех, кто может быть заинтересован. Для пояснения этот код получает все флажки с определенным идентификатором, выводит их в массив, названный здесь checkbx, а затем копирует свое уникальное имя в буфер обмена.

функция JavaScript:

function getSelectedCheckboxes(chkboxName) { 
    var checkbx = []; 
    var chkboxes = document.getElementsByName(chkboxName); 
    var nr_chkboxes = chkboxes.length; 
    for(var i=0; i<nr_chkboxes; i++) { 
    if(chkboxes[i].type == 'checkbox' && chkboxes[i].checked == true) checkbx.push(chkboxes[i].value); 
    } 
    checkbx.toString(); 

    // Create a dummy input to copy the string array inside it 
    var dummy = document.createElement("input"); 

    // Add it to the document 
    document.body.appendChild(dummy); 

    // Set its ID 
    dummy.setAttribute("id", "dummy_id"); 

    // Output the array into it 
    document.getElementById("dummy_id").value=checkbx; 

    // Select it 
    dummy.select(); 

    // Copy its contents 
    document.execCommand("copy"); 

    // Remove it as its not needed anymore 
    document.body.removeChild(dummy); 
} 

И его HTML вызов:

<button id="btn_test" type="button" onclick="getSelectedCheckboxes('ID_of_chkbxs_selected')">Copy</button> 

Answer 2

Очень полезно. Я изменил его, чтобы скопировать значение переменной JavaScript в буфер обмена: идея

function copyToClipboard(val){ 
    var dummy = document.createElement("input"); 
    document.body.appendChild(dummy); 
    $(dummy).css('display','none'); 
    dummy.setAttribute("id", "dummy_id"); 
    document.getElementById("dummy_id").value=val; 
    dummy.select(); 
    document.execCommand("copy"); 
    document.body.removeChild(dummy); 
} 

Answer 3

lbrutti о ответ хорош, но он пишет неверный код!

function copyToClipboard(text){ 
    var dummy = document.createElement("input"); 
    document.body.appendChild(dummy); 
    dummy.setAttribute('value', text); 
    dummy.select(); 
    document.execCommand("copy"); 
    document.body.removeChild(dummy); 
} 
copyToClipboard('Hello, World!') 

Answer 4

Для общих целей копирования любой текст в буфер обмена, я написал следующую функцию:

function textToClipboard (text) { 
    var dummy = document.createElement("textarea"); 
    document.body.appendChild(dummy); 
    dummy.value = text; 
    dummy.select(); 
    document.execCommand("copy"); 
    document.body.removeChild(dummy); 
} 

Значение параметра вставляется значения вновь созданного <textarea>, который затем выбрано, его значение копируется в буфер обмена, а затем удаляется из документа.