2

jqueryを使用してテキストフィールドの値をクリップボードにコピーしたい。

<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  </head>
  <body>
    <input type="text" value="my text value"></input>
    <input type="button" value="Copy to clipboard"></input>
  </body>
</html>

他のスレッドでいくつかの例を次のように見ました。

(1) jQuery を使用してクライアントのクリップボードにテキストをコピーする方法は? - https://stackoverflow.com/

（2）jqueryまたはjavascriptを使用してテキストをクリップボードにコピーします - http://stackoverflow.com

彼らはzeroclipboard.jsを使用していますが、ボタンでテキストボックスの値のみをコピーする実装方法がわかりません

4

5 に答える 5

1

使い方は次のとおりです。

$('button').zclip({
path:'js/ZeroClipboard.swf',
copy:function(){return $('input[type="text"]').val();}
});

これがあなたがそれを使用しなければならない方法です。

また、path

于 2014-03-15T04:50:15.880 に答える
1

ゼロ クリップボード js を使用:

<script src="/scripts/ZeroClipboard.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#copy-buttonDept").attr("data-clipboard-text", "I am");

        var clip = new ZeroClipboard(document.getElementById("copy-buttonDept"), {
            moviePath: "/scripts/ZeroClipboard.swf"
        });

        clip.on("load", function (client) {

            client.on("complete", function (client, args) {

                // `this` is the element that was clicked
                //this.style.display = "none";
                //alert("Copied text to clipboardr: " + args.text);
            });
        });
});
</script>
<button id="copy-buttonDept" class="classic" type="button" style="float: none; margin: 5px 0;">Copy Link Button</button>
于 2014-03-15T05:00:54.810 に答える
0

ZeroClipboard はバックグラウンドで Flash SWF を利用しますが、現時点ではそれを避けたほうがよいかもしれません。これを行うには、 clipboard.jsというライブラリを使用して Flash を使用しない方法があります。http://zenorocha.github.io/clipboard.js/

于 2015-10-05T17:53:00.013 に答える