JavaScript-JQuery: Как копировать текст в буфер обмена по клику на него

Задача. Есть рутинная задача копировать текст из одного html-документа и вставлять в определенне поля на сайте. Каждый раз неудобно выделять и нажимать Ctrl+C, когда этих строк тысячи.

Решение. Можно использовать JavaScript для облегчения этой задачи. Необходимо сделать так, чтобы по клику на строку копировалось в буфер обмена ее содержимое (текст). Естественно, нужно использовать какую-то программу из менеджеров буфера обмена (например ClipX), чтобы за раз проклацать несколько строк и можно было переходить на другую вкладку куда мы переносим текст и уже там вставляем как нужно из буфера обмена.

Решение копированя текста по клику реализуется на JavaScript с использованием JQuery. Используем Код №1. Естественно свой html-документ нужно подготовить (если данные на рабочем сайте, то можно сохранить на компьютер html-страницу и работать с ней), чтобы каждая копируемая строка (текст) находилась в каком-то теге.

Код №1: Реализация копирования текста по клику на JavaScript с JQuery
Здесь
$(document).on('click', functio... — цепляем функцию на событие клика.— console.log(e.target.innerHTML) — чтобы можно было в консоли браузера быстро увидеть что копируется.— Блок if (activeClassEl){... ...activeClassEl = e.target; — назначаем элементу на котрый кликаем класс «active», прописав в стилях для него например background красного цвета. Чтобы было видно на каком элементе мы остановились.

Ссылка на основную публикацию