Скопировать значение value тега input

@arava · Регистрация: 30.06.2014

Author24 — интернет-сервис помощи студентам

Имеется код обработчик, который при нажатии кнопки получает текст из указанного класса и вносит его в буфер :

Javascript

  var copyEmailBtn = document.querySelector('.js-linkshare-copy');//класс кнопки
    copyEmailBtn.addEventListener('click', function(event) {
    // Выборка ссылки с электронной почтой
    var emailLink = document.getElementById('test1').value;// id тега input
    var range = document.createRange();
    range.selectNode(emailLink);
    window.getSelection().addRange(range);
 
    try {
    // Теперь, когда мы выбрали текст ссылки, выполним команду копирования
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copy email command was ' + msg);
    } catch(err) {
    console.log('Oops, unable to copy');
    }
 
    // Снятие выделения - ВНИМАНИЕ: вы должны использовать
    // removeRange(range) когда это возможно
    window.getSelection().removeAllRanges();
    });

хтмл выглядит так :

HTML5

1	<div class="test"><input id="test1" value="qwewreq"/></div>

Мне нужно получить в буфер значение value="qwewreq" .
Проблема в том, что при таком виде, JS выдает ошибку в консоле :
TypeError: Argument 1 of Range.selectNode is not an object.

А если заменить :

Javascript

1	var emailLink = document.getElementById('test1').value;// id тега input

на

Javascript

1	var emailLink = document.querySelector('.test1');

и id="test1" на class="test1" , то ошибки нету, но в буфер не копирует.
При чем в консоли пишет "Copy email command was successful"

Добавлено через 54 минуты
Товарищи, достаточно закомментить и код прекрасно отработает.

Javascript

1 2	//range.selectNode(emailLink); //window.getSelection().addRange(range);

Добавлено через 25 минут
тупанул я что-то, не работает...

@j2FunOnly · 07.08.2017, 09:40

Javascript

var copyEmailBtn = document.querySelector('.js-linkshare-copy'); //класс кнопки
copyEmailBtn.addEventListener('click', function(event) {
  // Выборка ссылки с электронной почтой
  // var emailLink = document.getElementById('test1').value; // id тега input
  var emailLink = document.querySelector('#test1');
  // var range = document.createRange();
  // range.selectNode(emailLink);
  // window.getSelection().addRange(range);
  emailLink.focus();
  emailLink.setSelectionRange(0, emailLink.value.length);
 
  try {
    // Теперь, когда мы выбрали текст ссылки, выполним команду копирования
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copy email command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
 
  // Снятие выделения - ВНИМАНИЕ: вы должны использовать
  // removeRange(range) когда это возможно
  window.getSelection().removeAllRanges();
});

	07.08.2017, 09:40