ここに実例があります http://enginiku.byethost17.com/stack.php
私が欲しいのは、クリックされたブロックに基づいてデータをクリップボードにコピーすることです。それは完全にうまくいきます。ただし、問題は、ブロックをクリックし、カーソルをブロックから離して、もう一度クリックする必要があることです。その後、データがコピーされます。領域がフラッシュオブジェクトになっているためかもしれません。
しかし、ワンクリックだけでデータをコピーしたい(初回)。抜け道を教えてください!!
これが私のスクリプトです
<script>
function copytocb(el){
var id = $(el).attr('id');
ZeroClipboard.setDefaults({moviePath:'http://enginiku.byethost17.com/ZeroClipboard.swf'});
var clip = new ZeroClipboard($('#'+id));
clip.on('complete',function(client,args){
alert('Copied');
});
}
</script>
そして、ここに関連するhtmlがあります
<div class="central">
<div class="maincontent">
<div class="leftcontent">
<span id="ss">Some text</span>
</div>
<div class="rightcontent">
<span id="block1" onclick="copytocb(this)" data-clipboard-text="Img1">Img</span>
<span id="block2" onclick="copytocb(this)" data-clipboard-text="Img2">Img</span>
<span id="block3" onclick="copytocb(this)" data-clipboard-text="Img3">Img</span>
<span id="block4" onclick="copytocb(this)" data-clipboard-text="Img4">Img</span>
<span id="block5" onclick="copytocb(this)" data-clipboard-text="Img5">Img</span>
</div>
</div>
</div>