如何在href之前触发onClick

Question

I am trying to do some functionality in onClick() event and also doing the href for the same element. But actually happening is its not triggering onClick() completely and its moving to href link when we click that element.

How to make onClick() gets complete first and trigger href next.

<a href="" onclick="javascript:triggerMe()">click</a>

Answer 1

据我所知，你不想去其他页面，所以使用return false，如下所示：

<a href="" onclick="javascript:triggerMe();return false;">click</a>

Answer 2

My best advice is to try using a form as follows:

First, change your href to:

<a href="#null" onclick="javascript:triggerMe()">click</a>

and add somewhere in your HTML code a form with a display=none button:

<form action="http://www.myhref.com"><button id="GoToHref" style="display:none"></button></form>

where action is your desired href. The onclick event calls the triggerMe() function. Change your function to include:

function triggerMe() {
    var DelayhrefCall;
    //include all code for what triggerMe() must do, then as the last line add
    DelayhrefCall = window.setTimeout(hrefCall, 500); 
    //500 millisecond delay, change time as desired
}

After a 500 ms delay, hrefCall() is called:

function hrefCall() {
document.getElementById('GoToHref').click();
}

The display:none button inside the form is then clicked, triggering the form's action, which takes you to your desired href. If you are linking to other pages on your site it works perfectly. If you are linking to external pages you will need to add a target to your form:

<form action="http://www.myhref.com" target="_blank"><button id="GoToHref"    
style="display:none"></button></form>

Answer 3

You have to return a false value if you want to abort the effect of href. Try using this code.

<a href="yourLink.com" title="my link" onclick="return triggerMe();"> Click me </a>

Javascript part

<script>
function triggerMe()
{
    if (condition) 
    {
        //do stuffs
        //This will tell browser to follow the link.
        return true;
    } 
    else 
    {
        //do stuffs
        //This will cancel the default behaviour of the browser.
        //Abort the effect of href
        return false;
    }
}
</script>

Answer 4

<a  onclick="javascript:triggerMe()" href="">click</a>

它会工作

Answer 5

 <a href="" onclick="return triggerme()" >click</a>
 function triggerme(e){
    if(condition is true){
       return true;
    } else {
       e.preventDefault();
       return false;
    }  
 }

Try this one will surely work