Как сделать кнопку скопировать содержимое input + вырезать?

Question

[Антон]

Подскажите готовый пример как сделать кнопку скопировать содержимое поля input + вырезать?

Comments

[WapSter]

Никак без js, и то работает не во всех браузерах. Для старых есть скрипт на flesh

[Антон]

Тимур Турсунбаев, Понятное дело что без js никак

[WapSter]

Антон, https://m.habr.com/ru/post/256027/
Ну атак как ты вебмастер типо "фулстек" разберёшься как полю ввода добавить пару кнопок и с js как прицепить к ним события

Answer 1

[tioffs]

<input value="text" name="cut">
<button onclick="cut()">cut</button>
<script>
function cut(){
var input = document.querySelector('input[name="cut"]');
navigator.clipboard.writeText(input.value)
  .then(() => {
    input.value = '';
  })
  .catch(err => {
    console.log('Скопировать в буфер не удалось', err);
  });
}
</script>

Comments

[Антон]

Поле очищает но в буфер не копирует.

[Антон]

Хороший пример но нужно добавить document.execCommand('copy');