clipboard.jsを使用してブラウザからURLをコピー

Question

私はAccusoftドキュメントビューアを使用しています。私は、クリックすると現在のURLとページ番号クエリ文字列のパラメータをクリップボードにコピーするボタンが必要です。私はclipboard.jsを使用しています。私は現在のURLを取得する方法とURLにページ番号パラメータを追加する方法を正確に知っています。どのようにするか分からないのは、クリップボードに変数（ページ番号パラメータを持つ生成されたURLなど）をコピーすることです。これに関する助言？

Answer 1

Clipboard.jsクリエーター;）

あなたはそれを達成するために不可欠APIを使用することができます。

var url = document.location.href; 
 

 
new Clipboard('.btn', { 
 
    text: function() { 
 
    return url; 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script> 
 

 

 
<button class="btn">Copy</button>

Answer 2

変数の内容をdivに配置し、それをclipboard.jsのターゲットとして使用することによって....
私はそれを試していないと認めなければなりませんが、動作するはずです。

あなたのボタン（clipboard.jsサイトの例）：

<button class="btn" data-clipboard-target="#clipboardTarget"> 
    <img src="assets/clippy.svg" alt="Copy to clipboard"> 
</button> 
<div id="clipboardTarget" style="display:none;"></div> 

ターゲットのdivにあなたの変数の内容を配置します。

var myData = "http://example.com?data=something"; 
$("#clipboardTarget").html(myData); 

今コピーする準備ができています。

-----
EDIT

[OK]を、以下の議論の後、私は本当にClipboard.jsをダウンロードすることにより、私の解決策を試してみましたが、それをテストしました。
（いつか私が投稿する前に私のソリューションをテストする方法を学習します！）

は、それがdivのみ表示されている場合に動作することが判明。
悲しいことに。

私の解決策は間違っています。
私はそれをとにかくここに残しています... "それをしないでください、それは偽りの良いアイディアです"。

マイケルマホニーに感謝します。
;ここ）