Exécution automatique des fonctions Javascript

Question

Si j'écris l'événement de cette façon, l'action s'exécute quand elle le doit :

 document.getElementById('myElem').onmousedown = (e) => {
     console.log('fired!')
    }

Mais si j'écris la même chose d'une autre manière, l'action s'exécute lorsque la page est chargée, une seule fois :

let HandleEvent = (event) => {
 console.log('fired!')
}
document.getElementById('myElem').onmousedown = HandleEvent(event)

UPD : Bien sûr, ce n'est qu'un exemple, HandleEvent aura une logique beaucoup plus complexe.

Mes questions sont les suivantes :

1. Pourquoi ?
2. Comment le faire fonctionner correctement ?

Answer 1

Vous avez assigné le résultat de HandleEvent() à l'événement, alors que vous devriez plutôt lui assigner la fonction.

Déclaration correcte :

document.getElementById('myElem').onmousedown = HandleEvent ;