0

ワンクリックでコピーできるZeroClipboard。両方のリンクは、異なるのではなく、同じ出力を提供しています。デモリンクはこちら

<a id="c101" href="javascript:void(0);">OBJ1</a> &nbsp;&nbsp; 
<a id="x101" href="javascript:void(0);">OBJ2</a>

<script type="text/javascript">
    var dom_obj1 = document.getElementById('c101');
    var dom_obj2 = document.getElementById('x101');

    var clip1 = new ZeroClipboard();
    clip1.glue(dom_obj1);

    clip1.addEventListener( 'dataRequested', function(client, args) {
        client.setText('text1');
    });

    clip1.addEventListener( 'complete', function(client, args) {
        alert('clip1 text: '+args.text);
    });

    var clip2 = new ZeroClipboard();
    clip2.glue(dom_obj2);

    clip2.addEventListener( 'dataRequested', function(client, args) {
        client.setText('text2');
    });

    clip2.addEventListener( 'complete', function(client, args) {
        alert('clip2 text: '+args.text);
    });
</script>
4

1 に答える 1

2

これらすべての要素に共通のクラスを与えてから、それらすべてを ZeroClipBoard で利用できるようにします。

< a id="c101" class=" toBeCopied " href="something">
< a id="c102" class=" toBeCopied " href="something">

次に、次のようにロードします。

var clip = new ZeroClipboard($(" .toBeCopied "));

于 2013-09-28T15:51:00.327 に答える