标签：des style blog http io color ar 使用 java
百度分享组件是一款非常方便的网页分享工具，只是，如果要在使用分享功能的同时，记录分享的信息，那么就需要捕捉点击分享链接时执行分享的事件。
在网络上面搜索了一下，发现没有这方面的资料，就自己努力实现了一下。目前已经可以完美实现。不说了，看下面代码：
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare bdsharebuttonbox" >
<a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
</div>
<script type="text/javascript">
window._bd_share_config = {
"common": {
"bdSnsKey": {}, "bdText": ‘‘, "bdPic": "", "bdMini": "2", "bdMiniList": false, "bdStyle": "0", "bdSize": "16"
},
"share": {}
};
with (document) 0[(getElementsByTagName(‘head‘)[0] || body).appendChild(createElement(‘script‘)).src = ‘http://bdimg.share.baidu.com/static/api/js/share.js?v=86835285.js?cdnversion=‘ + ~(-new Date() / 36e5)];
/*点击更多时为弹出框绑定事件*/
$("#bdshare .bds_more").click(function () {
setTimeout(bindbdshare_dialog, 800);
});
/*更多按钮浮动框事件绑定*/
$(".bds_more").hover(function () {
$(".bdshare_popup_list a[href=‘#‘]").unbind("click");/*先消除点击事件，避免多次触发*/
$(".bdshare_popup_list a[href=‘#‘]").one("click", function () {
var cname = $(this).attr("class");
alert(cname);
});
$(".popup_more").unbind("click");/*先消除点击事件，避免多次触发*/
$(".popup_more").one("click", function () {
setTimeout(bindbdshare_dialog, 800);/*点击时等待弹出框加载后绑定事件*/
});
});
/*绑定分享弹出框事件*/
function bindbdshare_dialog(){
$(".bdshare_dialog_list a[href=‘#‘]").unbind("click");
$(".bdshare_dialog_list a[href=‘#‘]").bind("click", function () {
alert($(this).attr("class"));
});
}
</script>
<!-- Baidu Button END -->
使用时，可以直接全部复制到想要实现分享功能的页面，并将alert事件替换为自己想要执行的操作。
标签：des style blog http io color ar 使用 java
原文地址：http://www.cnblogs.com/mqly/p/4056751.html
