Setting priorities on HTML Events

Question

We have a Web system that uses a combination of OnBlur and OnMouseDown events. Unfortunately, for a strange reason the OnMouseDown event handler is being triggered before calling the OnBlur event handler.

This is not what we want. Instead, we want to always call the OnBlur event handler prior to calling the onMouseDown event handler. Is there a way to do so, perhaps giving the onBlur a higher priority?

Previously, instead of using the onMouseDown event handler we had the onclick event. However, this posed a number of problems especially due to the single-threaded nature of JavaScript.

Answer 1

Catch event #2, fire event #1. Then let event #2 go through.

.. Catch-and-release pattern :)

Answer 2

You'll have to fake it by using a status variable. It's a bit dirty, but it works: the meat of doImportantStuff will only be run once.

var importantStuffDone = false;
function doImportantStuff(){
     if(!importantStuffDone){
          // Do something important
          importantStuffDone = true;
     }
}

function doOnBlur(){
     // This function gets bound to the blur event
     doImportantStuff();
     // Do other blur stuff
}
function doOnMouseDown(){
     // This function gets bound to the mousedown event
     doImportantStuff();
     // Do other mousedown stuff
}

Answer 3

see here

http://java.pakcarid.com/Cpp.aspx?sub=544&ff=3810&topid=43&sls=25