1

我正在尝试使用 zclip 从 html 表格的正文中复制文本。应该是一件简单的事情（例如，我可以复制段落的文本，但不能复制表格正文的文本）。知道我做错了什么吗？这是小提琴代码：

http://jsfiddle.net/LNd6p/5/

<button id="copy-description">Copy table data</button>
&nbsp;
<table>
    <thead><tr><th>Q1</th><th>Q2</th><th>Q3</th></tr></thad>
        <tbody id="surveyResultsTable"><tr><td>Blah1</td><td>Blah2</td><td>Blah3</td>  </tr></tbody>
    </table>|

Javascript：

$(document).ready(function(){
    //copy the contents of surveyResultTable
    $('#copy-description').click(function(){
        $('#copy-description').zclip({
            path:'http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf',
            copy:function(){return $('#surveyResultsTable').text();}
        });
    });
});

编辑 不知道为什么它不能在本地工作。我正在尝试将其作为文件运行（即，不通过 localhost 网络服务器提供服务）。

这是html文件中的确切代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head><script type="text/javascript" src="head.load.min.js"></script></head>
<body>
  <button id="copy-description">Copy table data</button>
  &nbsp;
  <table>
    <thead><tr><th>Q1</th><th>Q2</th><th>Q3</th></tr></thead>
    <tbody id="surveyResultsTable"><tr><td>Blah1;</td><td>Blah2;</td><td>Blah3;</td></tr></tbody>
  </table>
<script type="text/javascript">head.load("jquery-2.1.1.min.js", "jquery.zclip.min.js", "test.js");</script>
</body>
</html>

这是 test.js

$('#copy-description').zclip({
  path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
  copy:function(){return $('#surveyResultsTable').text();}
});

这是具有相同代码的工作小提琴（剥离了html头文件）。http://jsfiddle.net/LNd6p/8/最终，我将不得不在未连接到互联网的平板电脑上将其作为文件运行，因此无法远程服务它。我正在运行 Firefox 32。Firebug 没有给出任何 javascript 错误。swf 文件正在加载（目前我什至没有尝试在本地提供该文件），但单击它不会执行任何操作。我file:///D:/projets/test.html在浏览器的地址栏中将其作为文件运行。它也不能在 IE 中工作——没有任何 webkit 浏览器可以测试；无论如何，我的意图是在 Firefox 中运行它。

4

1 回答 1

0

您正在尝试调用zclip该click事件，但zclip库正在使用 flash 复制文本。所以依赖的 flash 资源无法立即加载，不需要点击事件，您应该只 <selector>在zclip函数中使用，请参见下面的代码

$(document).ready(function(){
//copy the contents of surveyResultTable
    $('#copy-description').zclip({
       path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
       copy:function(){
          return $('#surveyResultsTable').text();
       }
    });
})

PS：zlip您的小提琴代码中的swf文件路径错误，

演示

于 2014-09-16T08:58:45.603 回答