Копировать привязную метку с HTML-страницы в буфер обмена с использованием Java Script в браузере Chrome

Question

Я пытаюсь скопировать тег привязки как HTML с веб-страницы с помощью JS. Идея состоит в том, чтобы разрешить пользователям копировать элемент привязки и вставлять его в текстовые документы в качестве тега anhcor.

HTML код

<div id="dummyDiv" style="position: fixed; opacity: 0;"> 
    <a href="http://localhost/Test">Link to Test</a> 
</div> 

JS код

var range = document.createRange(); 
var selection = window.getSelection(); 
range.selectNodeContents(document.getElementById('dummyDiv')); 
selection.removeAllRanges(); 
selection.addRange(range); 
document.execCommand('copy'); 

Проблема я столкнулся этот сценарий не копируя его в качестве якорного элемента. Он копирует только внутренний текст тега привязки «Link To Test». Я не уверен, как это сделать. Нужна помощь в этом.

Проблема, кажется, в среде разработчиков, которая находится на VM. тот же код работает отлично за пределами VM на том же версированном хроме. Странно, почему не работает в VM ...

Answer 1

Для этого я использую https://clipboardjs.com/.

Ведение манипуляции с буфером обмена: оно работает только в рамках генерируемого пользователем события (например, щелчок). Вне такого обработчика событий он просто не будет помещен в буфер обмена.

Это мое копирование кода, который я использую на нажатие кнопки события

clipboard.copy({ 
      'text/plain':'text', 
      'text/html': '<strong>text</strong>' 
      }).then(
      function(){ 
       alert("copied to clipboard"); 
      }, 
      function(err){ 
       window.prompt("Something went wrong with automatically copying the data to clipboard.\nPlease press CTRC + C to copy the data",'text'); 
      });