ZeroClipboard 的问题

Question

我正在尝试使用 Zeroclipboard 将内容复制到剪贴板，但似乎没有正在工作。我的代码：

HTML：

<textarea name="texter" id="texter"></textarea>
<input type="button" value="Copy to clipboard" id="copy-button" />

Javascript：

<script type="text/javascript">
jQuery(document).ready(function(){

  var clip = new ZeroClipboard.Client();
  clip.setText('');  

   jQuery('#copy-button').click(function(){
  clip.setText(jQuery('#texter').val());
 }


});
</script>

这有什么问题吗？谢谢！

Answer 1

有几件事。

首先，你的括号有点偏离。
应该是：

jQuery(document).ready(function(){

  var clip = new ZeroClipboard.Client();
  clip.setText('');  

   jQuery('#copy-button').click(function(){
  clip.setText(jQuery('#texter').val());
 });
});

但这并不能解决你的问题。

ZeroClipBoard 说明

请参阅您需要“粘合”或链接 Flash 的 movie 到页面上的 dom 元素。这是复制文本的存储位置。然后，您不能将 jQuery 用于单击事件（或者如果可以，我误解了文档），但您可以向按钮注册 mousedown 事件并将其绑定到剪辑。

将其应用到您的代码中。

    <script type="text/javascript">
        $(document).ready(function () {
            var clip = new ZeroClipboard.Client();

            clip.setText(''); // will be set later on mouseDown

            clip.addEventListener('mouseDown', function (client) {
                // set text to copy here
                clip.setText(jQuery('#texter').val());

                // alert("mouse down"); 
            });

            clip.glue('copy-button');
        });
</script>

这应该有效。

您可以完全在没有 jQuery 的情况下使用此示例，但将其放在文档中是一个很好的紧凑位置，可以确保它仅在 DOM 准备好后执行。并且还使用 jQuery 代替 getElementById。

希望有帮助。

Answer 2

<!-- <script type="text/javascript" src="http://davidwalsh.name/demo/ZeroClipboard.js"></script> -->
    function copyText(fieldName,buttonName){
        var fieldNameTemp =fieldName;
        var buttonNameTemp =buttonName;
        var val = "";
        try{
            val = navigator.userAgent.toLowerCase();
        }catch(e){}
        var swfurl = "js/ZeroClipboard.swf";
        setTimeout(function () {
            ZeroClipboard.setMoviePath(swfurl);
            var clip = new ZeroClipboard.Client();
            clip.addEventListener('mousedown', function () {
                clip.setText(document.getElementById(fieldNameTemp).value);
            });
            clip.addEventListener('complete', function (client, text) {
                try{
                    if(val.indexOf("opera") > -1 || val.indexOf("msie") > -1 || val.indexOf("safari") > -1 || val.indexOf("chrome") > -1){
                        alert('Your text has been copied');
                    }
                }catch(e){
                    alert('Please alert: not use on fireFox');
                }
            });
            clip.glue(buttonNameTemp);
        }, 2000);
    }