Javascript multiple hyperlink clicks process

Question

We have many hyperlinks in a html page. On click of which we do certain function.

After one hyperlink is clicked I wanted to make other hyperlink clicks to do nothing until first one finishes it processing. (During testing testers started clicking the hyperlinks rapidly one after another)

I did something like this, but it does not seem to be working. Basically used a variable to track if a hyperlink is clicked.

var hyperlinkClickInProcess=false;
function clickHandler(inputData){
     if(hyperlinkClickInProcess ==false){
        hyperlinkClickInProcess =true;
        linkProcessing(inputData);
        hyperlinkClickInProcess =false;
    }
}

Any thoughts on how to implement such functionality?

score 0 · Answer 1 · edited May 23 '17 at 10:00

0

This question tells how to use jquery to disable all the links on a page: jQuery disable a link. But instead of disabling just one specific link, you could use a similar strategy on all the links on the page by doing like so:

$('a').click(function(e) {
    if(hyperlinkClickInProcess) {
        e.preventDefault();
    }
    else {
        hyperlinkClickInProcess =true;
        linkProcessing(inputData);
        hyperlinkClickInProcess =false;
    }
});

edited May 23 '17 at 10:00

Community

1
1

answered May 31 '11 at 14:27

stevevls

10,675
1
45
50

can u plz tell if there is a way doing so without jquery – Vijay May 31 '11 at 15:04
i'm sure there's a way, but jquery makes things so easy that i forgot how to code javascript without it. – stevevls May 31 '11 at 15:08

score 0 · Answer 2 · answered May 31 '11 at 14:32

function disableAllLinks() {

 // search for all links and remove onclick event handlers, + return false.

}

function enableAllLinks() {

 // search for all links and reassing onclick event handlers

}


function clickHandler(inputData){
   disableAllLinks();

   /// Link processing body here //// 

   enableAllLinks();
}

Javascript multiple hyperlink clicks process

2 Answers2