捕获 Twitter“Tweet"的点击；使用 jQuery 的按钮 [英] capture the click of the Twitter "Tweet" button using jQuery

问题描述

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

我什至希望在 onClick 上调用 JavaScript 函数，但是随着标记的变化，它似乎不像添加 onClick 那样简单到锚点.

如何捕捉推文"按钮的点击?

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

解决方案

你不能处理这个元素的点击事件，因为它在一个 iFrame 中，但是 twitter 让你有机会将事件绑定到按钮.

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

代码:HTML:

<div class="social_button twitter_button"><div id="foo"><a href="https://google.com" class="twitter-share-button" data-count="horizo​​ntal">鸣叫</a></div><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script><script type="text/javascript" charset="utf-8">window.twttr = (函数 (d, s, id) {var t, js, fjs = d.getElementsByTagName(s)[0];如果(d.getElementById(id))返回；js = d.createElement(s);js.id = id;js.src = "//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js, fjs);返回窗口.twttr ||(t = {_e:[]，准备好:功能(f){t._e.push(f)}});}(文档，脚本"，twitter-wjs"))；</脚本></div>

JS:

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

I have the following code on my site, which when it accesses Twitter's API generates it's own markup.

I'm looking to call a JavaScript function on the onClick even of this but, but as the markup changes it seems it's not as simple as just adding an onClick to the anchor.

How can I capture the click of the 'Tweet' button?

<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>

解决方案

You can't handle click events on this element, because it's in an iFrame, however twitter gives you the opportunity to bind events to the button.

Example: http://jsfiddle.net/ZwHBf/2/ Docs: https://dev.twitter.com/docs/intents/events

Code: 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');
});​

这篇关于捕获 Twitter“Tweet"的点击；使用 jQuery 的按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！