リピーターのゼロクリップボードライブラリに使用しようとしています。リピーターのすべての行にデータとクリップボードへのコピーボタンが入ったテキストボックスがあります。
私が行ったことは、テキストボックスIDとボタンを受け取り、サーバーからリピーターにデータをバインドするときにボタンクリックで呼び出すjs関数を作成したことです。これがjsメソッドです
function copyToClipBoard(txtbox, btn, btnEvent) {
if (btnEvent == 1) {
//create client
var clip = new ZeroClipboard.Client();
//event
clip.addEventListener('mousedown', function() {
clip.setText(document.getElementById(txtbox).value);
});
clip.addEventListener('complete', function(client, text) {
alert('copied: ' + text);
});
//glue it to the button
clip.glue(btn);
//document.getElementById(btn).click();
}
}
ここで問題となるのは、ボタンを最初にクリックすると、js関数が呼び出され、zeroclipboardライブラリがバインドされてデータがクリップボードにコピーされることです。ワードを2回クリックすると、正常に機能し始めます(クリップボードにコピー)
リピーターにゼロクリップボードを実装するためのアプローチを思い付くことができません。よろしくお願いします。