jQuery如何禁用外部腳本觸發的onclick事件

Question

我已經嘗試了以下鏈接中列出的所有解決方案： jQuery / HTML-禁用OnClick，但是它們都不適合我。

我試圖阻止觸發來自外部.js的onclick事件。 .js在這里http://x.instagramfollowbutton.com/follow.js-可以在http://unminify.com/上最小化。

該腳本包含在我的網站中，內容如下：

(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src="//x.instagramfollowbutton.com/follow.js";s.parentNode.insertBefore(g,s);}(document,"script")); 

生成的HTML代碼為：

<span class="ig-follow" data-id="*deleted*" data-handle="*deleted*" data-count="true" data-size="small" data-username="false"><div title="Follow @*deleted* on Instagram" class="IGF small"><div class="ig-background"><img class="ig-camera" src="//x.instagramfollowbutton.com/components/instagram/v2/img/ig-camera.png" height="16" width="16"><span class="ig-text">Follow</span></div><div class="ig-count" id="c"><i></i><u></u><a>217</a></div></div></span>

如何停止觸發外部腳本的onclick事件？

同樣，我嘗試了以下鏈接中列出的所有解決方案： jQuery / HTML-禁用OnClick，但它們都不適合我。

Answer 1

Instagram似乎對其點擊處理程序非常貪婪。 嘗試改用.stopImmediatePropagation() 。 請注意，為此，IE支持為9+。

損壞的： https : //jsfiddle.net/jmarikle/4Loukhm6/
固定： https : //jsfiddle.net/jmarikle/4Loukhm6/1/

在此之前從未聽說過.stopImmediatePropagation() ，但本文似乎對此有很好的解釋： https : .stopImmediatePropagation()

 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src="//x.instagramfollowbutton.com/follow.js";s.parentNode.insertBefore(g,s);}(document,"script")); document.querySelector('.ig-follow').addEventListener('click', function(event){ event.stopImmediatePropagation(); }); 

 <span class="ig-follow" data-id="*deleted*" data-handle="*deleted*" data-count="true" data-size="small" data-username="false"><div title="Follow @*deleted* on Instagram" class="IGF small"><div class="ig-background"><img class="ig-camera" src="//x.instagramfollowbutton.com/components/instagram/v2/img/ig-camera.png" height="16" width="16"><span class="ig-text">Follow</span></div><div class="ig-count" id="c"><i></i><u></u><a>217</a></div></div></span>