0

Нужно при нажатии на кнопку скопировать текст из input, только как это сделать я не очень понимаю)

html:

<table class="table">
    <tr class="table-tr">
        <td id="table-text" class="table-td" width="80%"><input type="text" value="Как тебя зовут?: Ирина"></td>
        <td onclick="copytext('#table-text')" class="table-td table-td__copy"></td>
    </tr>
</table>

js:

$(document).ready(function(){
function copytext(el) {
    var $tmp = $("<input>");
    $("body").append($tmp);
    $tmp.val($(el).text()).select();
    document.execCommand("copy");
    $tmp.remove();
} 
});
1
  • Зачем изобретать велосипед? Ведь есть уже готовая библиотека clipboard.js. Или вам принципиально это нужно? 5 сен 2021 в 10:34

1 ответ 1

2

Адаптированный код под вашу ситуацию.

function copytext(el) {
    $(el).select();
    document.execCommand("copy");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table class="table">
    <tr class="table-tr">
        <td id="table-text" class="table-td" width="80%"><input type="text" value="Как тебя зовут?: Ирина"></td>
        <td onclick="copytext('#table-text input')" class="table-td table-td__copy">Скопировать</td>
    </tr>
</table>

2
  • мне кажется, нажимать на td для копирования даже в его ситуации - это абсурд 5 сен 2021 в 11:46
  • Полностью согласен. 5 сен 2021 в 19:55

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.