2016-04-28 18 views
-1

私のバックボーンモデルの属性をクリップボードにコピーしようとしています。属性モデルをクリップボードにコピー

私は「document.execCommand( 『コピー』)を使用しようとしているが、それは動作しません。私のHTMLで

私がボタンを持っている、と私はそれをクリックしたときに関数が呼び出され、これは当然のことながら

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

が、これは動作しません、私がしようとしている簡単なコード(でもモデルから属性を取得しようとしていない、普通のテキスト)であり、私は方法がわかりません'copy'コマンドを起動したときにコピーされる "attributeCopied"変数を作成する(恐らく.select()のようなものを試してみたが、どちらもうまくいかなかった)か、それともできなかったのだろうか?

私を助けることができますか?ありがとうございました!!

EDIT:もう一度!私はまだそれをやろうとしているのですが、ここでの問題はコピーしたい変数が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

関連する問題