在 Chrome 浏览器中使用 Java 脚本将锚标记从 HTML 页面复制到剪贴板

Question

我正在尝试使用 JS 从网页复制锚标记为 HTML。这个想法是允许用户复制锚元素并将其作为anhcor标签粘贴到word文档中。

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" 的内部文本。我不确定如何完成它。在这方面需要一些帮助。

The problem seems to be on dev environment which is on VM. the same code above works fine outside VM on same versioned chrome. Strange why it isn't working in 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');
          });

在 Chrome 浏览器中使用 Java 脚本将锚标记从 HTML 页面复制到剪贴板

Copy Anchor tag from HTML page to clipboard using Java Script in Chrome browser

javascript

clipboard

google-chrome

execcommand