调用OnClick两次 - 一次在Tag中，一次在外部托管脚本中

Question

我有一个链接到外部托管的JS脚本，我无法更改。外部脚本使用jquery绑定到click函数以执行操作。

<script...src="external cannot change"></script>
<a class="clicker" href="link">Click me</a>

我还需要对onClick执行另一个操作。但是当我执行下面的操作时，浏览器只运行onclick，甚至绑定在外部脚本中。

<a class="clicker" href="link" onclick="doThis();">Click me</a>

它不会运行doThis（）。它仅执行外部托管脚本中指定的操作。

是否有方法可以运行2个onClick事件 - 1个存储在外部脚本中，1个在本地编码？

Answer 1

尝试使用jQuery添加click事件。您可以根据需要添加任意数量的这些内容。

$(".clicker").click(function() {
    //your code here
});

Answer 2

尝试使用其他活动。 onmouseup应该运作良好。如果您想捕获事件并阻止其他脚本执行onclick，请使用onmousedown然后添加

event.preventDefault();

Answer 3

尝试使用jQuery事件绑定而不是基于属性的事件。

function MyOwnClick(e){
  // do something.
}

$(".clicker").bind("click", MyOwnClick);

Answer 4

删除onclick的doThis（）函数。您可以添加另一个jquery函数

$(document).ready(function(){
$(".clicker").click(function(){
    //whatever you want to do
    });
});