clipboard.jsの仕組みが知りたいです。

Question

JavascriptでURLをクリップボードにコピーするボタンを作っています。

現在は一時的にテキストエリアを生成して、document.execCommand('copy')でコピーしているのですが、ページの構造上あまり要素を追加したくありません。

そこで、clipboard.jsというライブラリを見つけたのですが、下記のコードと似たような仕組みなのでしょうか？
よろしくお願いします。

現在のソースコード

<input type="button" value="URLをコピー" onclick="URLclip(location.href)">

        function URLclip(urlVal) {

            var copyFrom = document.createElement("textarea");
            copyFrom.textContent = urlVal;

            var bodyElm = document.getElementsByTagName("body")[0];
            bodyElm.appendChild(copyFrom);

            copyFrom.select();
            document.execCommand('copy');
            bodyElm.removeChild(copyFrom);
        }

Answer 1

そうですね、特に入力ボックスと関連付けない場合は画面外に<textarea>を生成して、そこへexecCommandを投げています（ソースコード）。