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

Question

I have a link that is tied to an externally hosted JS script that I cannot change. The external script uses jquery to bind to the click function to perform an action.

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

I need to perform another action onClick as well. But when I do the below, the browser only runs the onclick even bound in the external script.

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

It does not run doThis(). It only performs the action specified in the externally hosted script.

Is there a method to run 2 onClick events - 1 stored in the external script and 1 coded locally?

Answer 1

Try adding a click event with jQuery. You can add as many of these as you want.

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

Answer 2

Try using a different event. onmouseup should work well. If you want to catch the event and prevent the other script from doing the onclick, use onmousedown and then add

event.preventDefault();

Answer 3

Try using jQuery event binding instead of attribute based events.

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

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

Answer 4

Remove the doThis() function for onclick.You can add another jquery function

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