将属性模型复制到剪贴板

Copy Attribute Model to clipboard

本文关键字:剪贴板 复制 模型 属性      更新时间:2023-09-26

我正在尝试将骨干模型的属性复制到剪贴板。

我正在尝试使用"document.execCommand"("副本"),但它不起作用。

在我的HTML中,我有一个按钮,当我点击它时,会调用一个函数,这是我正在尝试的简单代码(甚至没有试图从模型中获取属性,只是一个普通文本)

onClick: function(){
   var attributeCopied = 'try me'; 
   document.execCommand('copy');
}

当然,这不起作用,而且我不知道如何在启动命令"copy"时复制我的"attributeCopied"变量(也许可以尝试.select()之类的操作?但它也不起作用)或者可能做不到?

你能帮我吗?非常感谢。

编辑:再次嗨!好吧,我仍在尝试,这里的问题是我想复制的变量没有出现在HTML中,它只能在我的视图中访问(顺便说一句,我也在讨论提线木偶),我还没有想好如何"附加"我的变量,所以当文档.execCommand('copy')被激发时,它会被复制,谢谢!

这里是JavaScript复制内容的示例。希望你能从中得到一个想法。

function copy(target) {
  window.getSelection().removeAllRanges();
  var ps = document.querySelector(target);
  var range = document.createRange();
  range.selectNode(ps);
  window.getSelection().addRange(range);
  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    alert('Copy command was ' + msg + ' : ' + range);
  } catch (err) {
    alert('Oops, unable to copy');
  }
  window.getSelection().removeAllRanges();
}
<div class="text">Content</div>
<a href="javascript: copy('.text');">Copy</a>