Генерация клика по координатам
Задача:
Есть блок "wrap" внутри него есть код кнопки "facebook follow" и блок "holder" который перекрывает кнопку фейсбкук (сделано для отслеживания кликов для статистики piwik). Идея в том чтобы на "mousedown" сначала евент ловился елементом "holder" после чего холдер прятаєтся и в эту самую кординату страницы передавался новий mousedown, потом срабатывает "mouseup" и генерится клик по кноке фейсбук. Но мочему то сам клик не срабатывает? Или возможно кто то знает как можна трекнуть в piwik клик по facebook follow button. https://developers.facebook.com/docs.../follow-button Код обработчика: <script type="text/javascript"> jQuery(document).on("mousedown", ".wrap", function(e){ console.info(e,e.pageX+"!!!!!!!!!!mousedown"); jQuery(this).find(".holder").css({display:"none"}); jQuery(document.elementFromPoint(parseInt(e.pageX), parseInt(e.pageY))).mousedown(); }); </script> Полный вариант страницы: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <script type="text/javascript"> jQuery(document).on("mousedown", ".wrap", function(e){ console.info(e,e.pageX+"!!!!!!!!!!mousedown"); jQuery(this).find(".holder").css({display:"none"}); jQuery(document.elementFromPoint(parseInt(e.pageX), parseInt(e.pageY))).mousedown(); }); </script> </head> <style> .wrap{ width: 300px; height: 50px; background-color: #5896A6; text-align: center; position: relative; } .wrap .holder{ position: absolute; width: 100%; height: 100%; } </style> <body> <div class="wrap"> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/uk_UA/sdk.js#xfbml=1&appId=232725503584949&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-follow" data-href="https://www.facebook.com/zuck" data-colorscheme="light" data-layout="button" data-show-faces="true"></div> <div class="holder"></div> /*холдер который перекрывает кнопку*/ </div> </body> </html> |
Часовой пояс GMT +3, время: 18:50. |