Définition des priorités sur les événements HTML

Question

Nous avons un système Web qui utilise une combinaison d'événements OnBlur et OnMouseDown. Malheureusement, pour une raison étrange, le gestionnaire d'événement OnMouseDown est déclenché avant d'appeler le gestionnaire d'événement OnBlur.

Ce n'est pas ce que nous voulons. Au lieu de cela, nous souhaitons toujours appeler le gestionnaire d'événements OnBlur avant d'appeler le gestionnaire d'événement onMouseDown. Y a-t-il un moyen de le faire, en donnant peut-être à l'onBlur une priorité plus élevée?

Auparavant, au lieu d'utiliser le gestionnaire d'événements onMouseDown, nous avions l'événement onclick. Cependant, cela posait un certain nombre de problèmes en particulier en raison de la nature mono-thread de JavaScript.

Answer 1

Catch event #2, feu event #1. Puis laissez event #2 passer.

.. modèle Catch-and-release :)

Answer 2

Vous devrez simuler en utilisant une variable d'état. C'est un peu sale, mais ça marche: la viande de doImportantStuff ne sera exécutée qu'une seule fois.

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 
}