Как скопировать текст в клипборд?

Question

[hackuun]

Все примеры которые я не найду и библиотеки про то, как каопировать текст из DOM элементов. МНе не надо копировать текст из элемента! Я хочу скопировать другой текст, который я буду динамически подставлять юзеру. Как это сделать? Вот есть переменная со строкой текста. Как ее скопировать в клипборд?

Answer 1

[Stalker_RED]

myElem.select();
document.execCommand("copy");

jsfiddle.net/amd7Lu5r

Можете сделать скрытый (невидимый) элемент
jsfiddle.net/amd7Lu5r/2

Можно даже как-то красиво обернуть:
jsfiddle.net/amd7Lu5r/4

Comments

[hackuun]

Это я и сам сделал. Но поле текстареа все равно активно, на мобильном например при клике вылезает ввод текста. Это вообще никуда не годится.

[Stalker_RED]

hackuun, можно сразу после копирования убирать с него фокус.

[hackuun]

Stalker_RED, но ведь это ridiculous. Не могу поверить что нету другого решения?

[Stalker_RED]

hackuun, как вариант - сделать не через текстареа, а через обычный див, например, и в нем selection, range, вот это всё.
Но сильно сомневаюсь в том, что с кроссбраузерностю все будет хорошо.

[hackuun]

Кстати, от этого бага на мобилах помог аттрибут readonly

Ладно, пока сойдет, но вообще жуть конечно. Как можно было не создать этот апи?

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

[Stalker_RED]

hackuun, да есть они конечно. И даже больше одного.

window.clipboardData.setData('Text', 'this is a test');

или даже window.clipboardData.getData('Text') который умеет читать из буфера.

Или вот экспериментальный ClipboardEvent().

Проблема в том, что этот зоопарк или еще не везде работает, или УЖЕ не везде работает, и требует дополнительных прав.

Кроссбраузерность.

[hackuun]

Stalker_RED, спасибо, буду знать