首页 > 代码库 > 百度分享组件分享事件捕捉
百度分享组件分享事件捕捉
百度分享组件是一款非常方便的网页分享工具，只是，如果要在使用分享功能的同时，记录分享的信息，那么就需要捕捉点击分享链接时执行分享的事件。
在网络上面搜索了一下，发现没有这方面的资料，就自己努力实现了一下。目前已经可以完美实现。不说了，看下面代码：
<!-- Baidu Button BEGIN --> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare bdsharebuttonbox" > <a href=http://www.mamicode.com/"#" class="bds_more" data-cmd="more"></a> <a href=http://www.mamicode.com/"#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a href=http://www.mamicode.com/"#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a href=http://www.mamicode.com/"#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href=http://www.mamicode.com/"#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a> <a href=http://www.mamicode.com/"#" 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://www.mamicode.com/‘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=http://www.mamicode.com/‘#‘]").unbind("click");/*先消除点击事件，避免多次触发*/ $(".bdshare_popup_list a[href=http://www.mamicode.com/‘#‘]").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=http://www.mamicode.com/‘#‘]").unbind("click"); $(".bdshare_dialog_list a[href=http://www.mamicode.com/‘#‘]").bind("click", function () { alert($(this).attr("class")); }); } </script> <!-- Baidu Button END -->
使用时，可以直接全部复制到想要实现分享功能的页面，并将alert事件替换为自己想要执行的操作。
百度分享组件分享事件捕捉
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。