标签：style blog http color java 使用 io strong
写博客就是一周工作中遇到哪些问题，一个优点就是能够进行一个总结，另外一个优点就是下次遇到相同的问题即使那你记不住，也能够翻看你的博客攻克了。相同也能够帮到别人遇到与你一样问题的人。或者别人有比你更好的解决的方法，能够一起讨论，分析出更好的解决方法。所以这是个好习惯。既然是好习惯，那就得坚持。
可是想写好一篇博客好像不是那么easy的，由于你得有问题，不然你写什么，手放在键盘上不知道敲啥。或者是你自动学习了，对你的学习进行了总结。然后你得有得写。
这周公司同事分享的《贝叶斯方法》对我的感触挺大的。好像对我的见识一下拓宽了。里面涉及到的统计学，心理学等等非常多学科，然后 我总结了自己，学东西好像都学到的是皮毛。没有深入进去。贝叶斯算法还没全然理清，在网上看了一些资料，仅仅能说略懂。当然这么好的东西一下子没弄懂，那我就多花点时间呗。可是在没全然弄懂之前，让我写一篇关于贝叶斯方法的博客我想对于我来说是有一定难度的。我试着去理解，还拿PPT给我女朋友大概讲了一遍，方便自己增强记忆。她貌似是懂了。她一直觉得自己智商比我高。好吧，扯远了。
这周还是写一个工作中遇到的问题吧。
问题例如以下：
表格里面有非常多列，每一列的URL我都得复制。点复制则复制当前列的URL；
网上找了非常多方法。发现尽管功能能够实现，但浏览器兼容性不行。
然后想到去找js插件，找到了一款各个浏览器都兼容得不错的JS复制插件 Zero Clipboard 。
下载下来后里面有个小样例。例如以下：
<!DOCTYPE html>
<html>
<head>
<title>Zero Clipboard Test</title>
<meta charset="utf-8">
</head>
<body>
<!--
说明：
1.data-clipboard-target 输入要复制的对象的ID
-->
<button id="d_clip_button" class="my_clip_button" data-clipboard-target="fe_text"><b>拷贝到剪贴板</b></button>
<br/>
<textarea id="fe_text" cols="50" rows="3">输入须要复制的内容</textarea>
</body>
</html>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script type="text/javascript">
// 定义一个新的复制对象
var clip = new ZeroClipboard( document.getElementById("d_clip_button"), {
moviePath: "ZeroClipboard.swf"
} );
// 复制内容到剪贴板成功后的操作
clip.on( ‘complete‘, function(client, args) {
alert("复制成功，复制内容为："+ args.text);
} );
</script>
效果例如以下图：
然后在你须要的地方CTRL+V就能够粘贴了。
然后把功能用到实际项目中，
效果例如以下图：
代码例如以下：
在TR中要复制的内容中的TD标签里面加：
注明：$i是循环数据出来的。循环一次，$i++;
<td id=‘fe_text<?php echo $i; ?>‘>
样式是例如以下引入的：
<script type="text/javascript" src="/misc/js/ZeroClipboard.js"></script>
<script type="text/javascript">
<?php for($r=0;$r<$i;$r++): ?>
var clip = new ZeroClipboard( document.getElementById("d_clip_button<?php echo ($r+1); ?>"), {
moviePath: "/misc/js/ZeroClipboard.swf"
} );
clip.on( ‘complete‘, function(client, args) {
alert("复制成功，复制内容为："+ args.text);
} );
<?php endfor; ?>
</script>最后，就OK了，測试了几个浏览器功能都是OK的。
JS 点击复制Copy插件--Zero Clipboard,布布扣,bubuko.com
标签：style blog http color java 使用 io strong
原文地址：http://www.cnblogs.com/yxwkf/p/3899396.html
