Question

当用户点击Twitter“分享”按钮时，尝试在包含div上触发'onclick'事件。我正在使用twitter的推荐实现，这是一个超链接和功能。该函数替换页面上的HTML，当它发生时，我的'onclick'将不会触发。

<div id="shareTwitter" onclick='alert("onclick!");'>
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.stackoverflow.com" data-count="none">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>

这是小提琴：http://jsfiddle.net/tysonkoska/vxzqkL3h/

如果你注意到脚本，那么'alert'就会被解雇。也许有一种不同/更好的方式来进行整合？

谢谢...

Answer 1

您无法处理此元素上的点击事件，因为它位于此元素中 iFrame，但是twitter让你有机会将事件绑定到按钮。

see fiddle

http://jsfiddle.net/ZwHBf/162/

将onclick事件添加到Twitter Share元素

1 个答案: