2016-04-28 35 views
-1

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

我试图用“document.execCommand(‘复制’),但它不能正常工作。

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

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

当然,这并不工作,我不知道如何使命令'copy'启动时我的“attributeCopied”变量被复制(也许尝试像.select()这样的东西),但它也不能工作)或者它可能无法完成?

你能帮我吗?谢谢!!

编辑:你好!以及我仍然试图做到这一点,这里的问题是我想要复制的变量不会出现在HTML中,它只能在我的视图中访问(我正在使用木偶),而且我还没有想出了如何“附加”我的变量,所以当document.execCommand('copy')被触发时,它被复制,谢谢!

回答

1

这里是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>

+0

嗨!是的,我已经尝试过这样的事情。这里的问题是,我试图复制的变量是来自骨干模型的属性,并且它不在HTML中显示,所以我不能使用document.querySelector覆盖它 – carlos