如何使用 jQuery 和 ZeroClipboard 将 Ajax 响应加载到剪贴板？

Question

我需要一种方法将动态（Ajax）加载的内容复制到 Web 浏览器的剪贴板中。 有许多库可以使用 Flash 模仿复制到剪贴板功能。 但是，使用新的 Flash 10 默认安全设置，复制-to-clipboard 设置现在需要明确的用户确认。 ZeroClipboard 是一个 Javascript/Flash 库，可以绕过此“限制”（使用 Flash 影片点击-劫持）。

这是我编写的一个简单的 JQuery 插件，用于将 ZeroClipboard 集成到我的应用程序中：

// A jQuery plugin for copying Ajax content into clipboard
(function($) {
    $.fn.clickToClipboard = function() {
        $(this).each( function() {
            var link = $(this);
            if ( link.is('a') ) {
                var clip = new ZeroClipboard.Client();
                clip.glue(this);
                clip.addEventListener('onMouseDown', function(){
                    link.html('copying...');
                    clip.reposition();
                    $.ajax({ 
                        url: link.attr('href'),
                        success: function(content) { 
                            clip.setText(content);
                        },
                        async: false
                    });
                });

                clip.addEventListener('onComplete', function(){ 
                    link.html('copied!');
                    clip.reposition();
                });
            }            
        });
    }
})(jQuery);

每个锚点 url 都指向服务器上的一个文本文件。 当Flash影片（点击劫持的链接）被点击时，它通过Ajax和ZeroClipboard将锚点对应的文本文件加载到剪贴板中。

这个插件在 Safari 中运行得很好（即使对于 4000 多行的prototype.js 文本文件也是如此）。 但是，即使在只有一行“hello”的简单文本文件上，它也会在 FF3.0 上失败。 我已将 Ajax 调用的内容记录到控制台中。 成功回调似乎确实有效。 似乎第二次单击电影即可完成复制（因为浏览器缓存了第一次 Ajax 调用的文本文件）。

请注意，我在这里使用了同步 Ajax 调用，以便等待文本完成加载。 有人知道为什么我的代码不能按预期工作吗？ （不确定是否相关，我的后端是在 Rails 中完成的）。

Answer 1

在我意识到我误解了你的问题后删除了我的第一个答案。 对不起。

我会尝试首先获取ajax数据，然后使用事件列表器设置文本。