Вот пример кода на jQuery, который копирует текущий URL сайта в буфер обмена при нажатии на кнопку с классом copy-current-url
:
<script>
$(document).ready(function () {
$('.copy-current-url').on('click', function () {
// Создаем временный элемент input
const tempInput = $('<input>');
$('body').append(tempInput);
// Устанавливаем значение текущего URL
tempInput.val(window.location.href).select();
// Копируем текст в буфер обмена
document.execCommand('copy');
// Удаляем временный элемент
tempInput.remove();
// Дополнительно можно показать уведомление
alert('URL скопирован в буфер обмена!');
});
});
</script>
Как это работает:
- При клике на кнопку создается временный элемент
<input>
. - В этот элемент записывается текущий URL (
window.location.href
). - С помощью команды
document.execCommand('copy')
текст копируется в буфер обмена. - После копирования временный элемент удаляется.
- Показывается уведомление, что URL успешно скопирован (по желанию).
Этот подход работает в большинстве браузеров. Однако, если вы используете современные методы, можно также заменить document.execCommand
на API navigator.clipboard
, если поддержка браузера это позволяет.