Javascript 捕捉推特的点击;推特;使用jQuery的按钮

Javascript 捕捉推特的点击;推特;使用jQuery的按钮,javascript,jquery,twitter,onclick,Javascript,Jquery,Twitter,Onclick,我的网站上有以下代码,当它访问Twitter的API时,会生成自己的标记 我希望在onClick上调用一个JavaScript函数,但随着标记的改变,它似乎不像向锚添加onClick那么简单 如何捕捉“推特”按钮的点击 <div class="social_button twitter_button"> <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizonta

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

我希望在
onClick
上调用一个JavaScript函数,但随着标记的改变,它似乎不像向锚添加
onClick
那么简单

如何捕捉“推特”按钮的点击

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

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

例如: 文件:

代码: HTML:


在你的网站上添加一个定制的Twitter按钮比你想象的要容易得多

<a href="http://twitter.com/share">Tweet</a>
为tweet设置默认消息

通过向链接添加文本参数,可以为推文设置默认文本:

<a class="twitter popup" href="http://twitter.com/share?text=This%20is%20so%20easy">Tweet</a>

现在,当你的用户点击你的推文链接时,默认情况下,推文框中将显示消息“这太简单了”。

出于某种原因,使用此代码,我在末尾的console.log行中遇到了非法字符错误<代码>twttr.events.bind('click',函数(事件){console.log('clicked');});​ 忽略我,道歉。我认为有一个坏字符是从这个例子中复制过来的。我重新输入了你的例子,它成功了。回答得很好,太好了!关于这一点的简短问题。点击按钮时会触发此消息,有没有办法检查推特是否已发送?@David请阅读指向推特文档的链接。你的问题可能会在那里得到回答;)提示:“tweet”@robinduh。。昨晚深夜
<a href="http://twitter.com/share">Tweet</a>
<a class="twitter popup" href="http://twitter.com/share">Tweet</a>

<script>
  $('.popup').click(function(event) {
    var width  = 575,
        height = 400,
        left   = ($(window).width()  - width)  / 2,
        top    = ($(window).height() - height) / 2,
        url    = this.href,
        opts   = 'status=1' +
                 ',width='  + width  +
                 ',height=' + height +
                 ',top='    + top    +
                 ',left='   + left;

    window.open(url, 'twitter', opts);

    return false;
  });
</script>
$(document).ready(function() {
  $('.popup').click(function(event) {
    // and so on...
  }
});
<a class="twitter popup" href="http://twitter.com/share?text=This%20is%20so%20easy">Tweet</a>