Копировать в буфер обмена с помощью значка

Question

Я использую скрипт w3schools для копирования текста в буфер обмена при нажатии, но скрипт работает только при наличии текстового поля.Я пытаюсь показать только значок без текстового поля, поэтому, когда пользователь щелкает значок, закодированный текст автоматически копируется в буфер обмена.

Их сценарий находится здесь: https://www.w3schools.com/howto/howto_js_copy_clipboard.asp

Я использую дисплей: нет;скрыть поле ввода.Несмотря на то, что все, что кажется работающим в отношении JS, просто не копирует текст.

Есть ли способ, может быть, с помощью другого метода или сценария, который позволит мне просто показать значок длякопирование текста вместо поля + иконка / ссылка?

Answer 1

Ну, я не знаю, понял ли я ваш вопрос, но я предположил, что вы хотите скопировать некоторый текст, не отображая текст на своей html-странице, с помощью этого скрипта вы просто получаете элемент из идентификатора текста, который вводится при нажатии кнопки.нажата.Если вы скроете это, вы не сможете получить к нему доступ.Если вы просто хотите копировать скрытый текст всякий раз, когда нажимаете на нижнюю часть, вы должны поместить свой текст в свой файл javascript, а не на свою htlm-страницу :)

Надеюсь, мой ответ помог вам!

Answer 2

Есть способ скопировать скрытые вводы, но не используя display:none, вы можете отправить ввод в местоположение вне поля зрения, используя что-то вроде position:absolute;left:-1000px, пример:

function myFunction() {
  var copyText = document.getElementById("myInput");
  copyText.select();
  document.execCommand("copy");
  alert("Copied the text: " + copyText.value);
}

#myInput{position:absolute;left:-1000px}

<input type="text" value="Hello World" id="myInput">
<button onclick="myFunction()">Copy text</button>

Answer 3

Здесь:

            var copyTextareaBtn = document.querySelector('.btn4');

copyTextareaBtn.addEventListener('click', function(event) {
  var copyTextarea = document.querySelector('.block2');
  copyTextarea.select();

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copying text command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
});