Как настроить Clipboard под iOS?

Question

[Smi_ed]

Есть код который работает за исключением iOS

//php

<div class="current-id clearfix" onclick="copyToClipboard('#current-id')">

//js

function copyToClipboard(element) {
    var $temp = $("<input>");
    $("body").append($temp);
    $temp.val($(element).text()).select();
    document.execCommand("copy");
    $temp.remove();
}

И есть код который работает под iOS

//js

window.Clipboard = (function(window, document, navigator) {
    var textArea,
        copy;

    function isOS() {
        return navigator.userAgent.match(/ipad|iphone/i);
    }

    function createTextArea(text) {
        textArea = document.createElement('textArea');
        textArea.value = text;
        document.body.appendChild(textArea);
    }

    function selectText() {
        var range,
            selection;

        if (isOS()) {
            range = document.createRange();
            range.selectNodeContents(textArea);
            selection = window.getSelection();
            selection.removeAllRanges();
            selection.addRange(range);
            textArea.setSelectionRange(0, 999999);
        } else {
            textArea.select();
        }
    }

    function copyToClipboard() {        
        document.execCommand('copy');
        document.body.removeChild(textArea);
    }

    copy = function(text) {
        createTextArea(text);
        selectText();
        copyToClipboard();
    };

    return {
        copy: copy
    };
})(window, document, navigator);

Clipboard.copy('text to be copied');

Как его адаптировать чтобы вместо статичного 'text to be copied' копировалось динамичное значение '#current-id'?

Comments

[Модератор]

Зачем вы поставили тег php этому вопросу?

[Smi_ed]

Модератор, потому что указываю код php с которым должен работать код js

[Модератор]

В вашем вопросе нет ни строчки php, вы указали кусок html-разметки. Но поскольку ни php, ни html к вопросу никакого отношения не имеют, ставить эти теги не нужно.

Answer 1

[timokins]

Самое простое:

Clipboard.copy(document.getElementById('current-id').innerText);

или
textArea.value = text;
замените на

textArea.value = document.querySelector(text).innerText;

и используйте
Clipboard.copy('#current-id');

Comments

[Smi_ed]

1й вариант не работает
А во 2м происходит копирование «Clipboard.copy('#current-id');»

[timokins]

Smi_ed, скорее всего Вы что-то не туда вставили,
https://jsfiddle.net/5Ledjg0y/