2
我尝试更改悬停时整个<tr>
的颜色,但是我无法让它与Zeroclipboard一起工作,光标也不会更改,有没有人有关于如何获取此信息的想法工作?Zeroclipboard悬停问题
(ATLEAST在我的浏览器:谷歌浏览器版本37.0.2062.124米)Zeroclipboard v2.1.6下面
我的代码:
<html>
<head>
<style type="text/css">
.myTABLE { width: 100%; border-collapse: collapse; border: 1px solid black; background-color: lightgrey; }
.myTABLE td { border: 1px solid black; text-align: center; }
.myTABLE tr:hover { background-color: lightgreen; }
.mycopy.zeroclipboard-is-hover { background-color: lightgreen; cursor: hand; }
.mycopy.zeroclipboard-is-active { background-color: #46962B; }
</style>
</head>
<body>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<br><br><br>
<table class="myTABLE">
<tr><td>test</td><td class="mycopy">Copy 1</td><td>test</td></tr>
<tr><td>test</td><td class="mycopy">Copy 2</td><td>test</td></tr>
<tr><td>test</td><td class="mycopy">Copy 3</td><td>test</td></tr>
<tr><td>test</td><td class="mycopy">Copy 4</td><td>test</td></tr>
<tr><td>test</td><td class="mycopy">Copy 5</td><td>test</td></tr>
<tr><td>test</td><td class="mycopy">Copy 6</td><td>test</td></tr>
</table>
<script type="text/javascript">
var client = new ZeroClipboard($('.mycopy'));
client.on('ready', function(event) {
// console.log('movie is loaded');
client.on('copy', function(event) {
event.clipboardData.setData('text/plain', event.target.innerHTML);
});
client.on('aftercopy', function(event) {
console.log('Copied text to clipboard: ' + event.data['text/plain']);
});
});
client.on('error', function(event) {
// console.log('ZeroClipboard error of type "' + event.name + '": ' + event.message);
ZeroClipboard.destroy();
});
</script>
</body>
</html>
谢谢,但悬停仍然不能在整个
哎呀忘了包含swf文件(如果该文件不在本地托管在与.js文件相同的目录中,则必须执行此操作)。但...由于一些奇怪的原因,我的Mac无法运行zeroclipboard上的任何jsfiddle,我谷歌。不知道发生了什么。它现在对你有用吗? – manishie 2014-09-27 05:57:12
不,仍然不起作用。 – 2014-09-27 07:16:00
相关问题