javascript - 使用 jQuery 捕捉 Twitter "Tweet"按钮的点击

Question

我的网站上有以下代码，当它访问 Twitter 的 API 时会生成它自己的标记。

我想在 onClick 上调用一个 JavaScript 函数，但是，随着标记的变化，它似乎并不像添加一个 onClick 那样简单到 anchor 。

如何捕获“推文”按钮的点击？

<div class="social_button twitter_button">
  <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">
    Tweet
  </a>
  <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</div>

Answer 1

您无法处理此元素上的点击事件，因为它位于 iFrame 中，但是 twitter 为您提供了将事件绑定(bind)到按钮的机会。

示例:http://jsfiddle.net/ZwHBf/2/ 文档:https://dev.twitter.com/docs/intents/events

代码: HTML:

<div class="social_button twitter_button">
    <div id="foo">
        <a href="https://google.com" class="twitter-share-button" data-count="horizontal">
    Tweet
  </a>
    </div>
    <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
    <script type="text/javascript" charset="utf-8">
        window.twttr = (function (d, s, id) {
            var t, js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);
            return window.twttr || (t = {
                _e: [],
                ready: function (f) {
                    t._e.push(f)
                }
            });
        }(document, "script", "twitter-wjs"));
    </script>
</div>​

JS:

twttr.events.bind('click', function(event) {
    console.log('clicked');
});​