ZeroClipboard - 將文本複製到剪貼板不起作用

我想試試這個DEMO通過使用ZeroClipboard將文本複製到剪貼板。我有一個本地文件夾與index.html，ZeroClipboard.js和ZeroClipboard.swf int它。但它不工作：ZeroClipboard - 將文本複製到剪貼板不起作用

<html> 
<body> 
    <script type="text/javascript" src="ZeroClipboard.js"></script> 
    <script type="text/javascript"> 
     //set path 
     ZeroClipboard.setMoviePath('ZeroClipboard.swf'); 
     //create client 
     var clip = new ZeroClipboard.Client(); 
     //event 
     clip.addEventListener('mousedown', function() { 
      clip.setText(document.getElementById('box-content').value); 
     }); 
     clip.addEventListener('complete', function (client, text) { 
      alert('copied: ' + text); 
     }); 
     //glue it to the button 
     clip.glue('copy'); 
    </script> 

    <textarea name="box-content" id="box-content" rows="5" cols="70"> 
     The David Walsh Blog is the best blog around! MooTools FTW! 
    </textarea> 
    <br /> 
    <br /> 
    <p> 
     <input type="button" id="copy" name="copy" value="Copy to Clipboard" /> 
    </p> 
</body> 
</html>

來源

2013-07-19 user2580777

你們是不是在'localhost'或者只是雙擊打開文件？它應該在您的案例中的服務器'localhost'上。 – Jashwant

確保兩個ZeroClipboard.js和ZeroClipboard.swf可用。要驗證這一點，您可以打開控制檯並查找錯誤。還要確保安裝並啓用了Adobe Flash。

在所有其他情況下，該示例應該可以工作。

來源

2013-07-19 09:23:46

您必須運行服務器。因爲您網站的鏈接必須包含http或https。這是因爲Adobe Flash的安全設置

來源

2013-07-24 04:47:46 David

請確保在複製按鈕中生成了iframe標記。初始化Zeroclipboard.Client（）後缺少一行。

clip.setHandCursor（true）;

<script type="text/javascript"> 
    //set path 
    ZeroClipboard.setMoviePath('ZeroClipboard.swf'); 
    //create client 
    var clip = new ZeroClipboard.Client(); 
    //event 

    clip.setHandCursor(true);   


    clip.addEventListener('mousedown', function() { 
     clip.setText(document.getElementById('box-content').value); 
    }); 
    clip.addEventListener('complete', function (client, text) { 
     alert('copied: ' + text); 
    }); 
    //glue it to the button 
    clip.glue('copy'); 
    </script>

我希望它能爲你工作。

來源

2013-07-24 05:53:24 Amit

您在定義元素box-content之前調用javascript。

clip.addEventListener('mousedown', function() { 
    clip.setText(document.getElementById('box-content').value); 
});

試試這個：

<html> 
<body> 
    <textarea name="box-content" id="box-content" rows="5" cols="70"> 
     The David Walsh Blog is the best blog around! MooTools FTW! 
    </textarea> 
    <br /> 
    <br /> 
    <p> 
     <input type="button" id="copy" name="copy" value="Copy to Clipboard" /> 
    </p> 
    <script type="text/javascript" src="ZeroClipboard.js"></script> 
    <script type="text/javascript"> 
     //set path 
     ZeroClipboard.setMoviePath('ZeroClipboard.swf'); 
     //create client 
     var clip = new ZeroClipboard.Client(); 
     //event 
     clip.addEventListener('mousedown', function() { 
      clip.setText(document.getElementById('box-content').value); 
     }); 
     clip.addEventListener('complete', function (client, text) { 
      alert('copied: ' + text); 
     }); 
     //glue it to the button 
     clip.glue('copy'); 
    </script> 
</body> 
</html>

來源

2013-12-31 06:55:36

瑞士法郎是很好的加載（右控制檯登錄時的URL），但沒有按鈕時按下... – andi

你可以顯示你的代碼？ –

我已經嘗試了幾個代碼，從圖書館github頁面的例子，你的代碼，jsfiddle添加到接受answere在這裏沒有這是工作http://stackoverflow.com/questions/22511001/how-can-i-get-a-簡單zeroclipboard複製到剪貼板，設置，工作中之jque – andi

ZeroClipboard - 將文本複製到剪貼板不起作用

回答

相關問題