onmousedown vs onmouseup

Version imprimable

Bonjour a tous,

voila je m'amusait a essayaer ses deux evenements et a chaque fois sa marchait mais j'ai essayer ceci:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <head> <title>voila</title> </head> <body> <form > <input type="radio" onmousedown="alert('allo');" onmouseup="alert('hello');" id="exact" name="choice" />exact <input type="radio" onmousedown="alert('allo');" onmouseup="alert('hello');" id="faux" name="choice" /> faux <input type="submit" name="b2" value="ajouter" >&nbsp <input type="submit" name="b3" value="supprimer" disabled="false">&nbsp </form> </body> </html>
donc pour expliquer j'ai essayer je faire deux "alert" l'un avec onmousedown et l'autre avec onmouseup et donc quand je clique sur le bouton radio je dois avoir les deux evenemnts qui se produisent or je n'ai que l'affichage de l'evenement de onmousedown (affichage de allo) et pas l'autre.

ma question est pourquoi les deux evenement ne produisent pas touts les deux et comment peut on y remedier?

sinon pour l'evenemnt onmousedown si je fais ceci :

Code:

<input type="radio" onmousedown="alert('allo');" id="oui" name="choix" />Oui

l'evenement se produit mais la case n'est pas coché .
est ce que l'evenement aurait empecher la case d'etre coché ?

merci

ps: je suis sous firefox

01/04/2008, 14h45
E.Bzz

Bonjour,
pour valider le 1° alert(), tu ne serais pas obliger de te servir de la souris, par hasard (donc de fusiller ton enchainement) ?

:mrgreen:

A+
01/04/2008, 14h51
michael rossi

Citation:

Envoyé par E.Bzz

Bonjour,
pour valider le 1° alert(), tu ne serais pas obliger de te servir de la souris, par hasard (donc de fusiller ton enchainement) ?

je me sers de la souris mais j'ai pas compris quand tu dis "fusiller ton enchainement"??

puis je avoir une explication disons technique?

merci d'avance E.bzz
01/04/2008, 15h05
E.Bzz

Citation:

Envoyé par michael rossi

je me sers de la souris mais j'ai pas compris quand tu dis "fusiller ton enchainement"??

puis je avoir une explication disons technique?

Tu cliques sur l'input (onmousedown) => avant d'avoir relacher la souris (mouseup) l'alert() s'affiche.
Tu es obligé de valider via OK (mousedown + mouseup)

Quand l'alert() disparait, tu n'es plus dans les évènements de l'input, qui n'a jamais reçu de mouseup ...
Le seul onmouseup possible intervient quand tu relaches la souris pour pouvoir valider l'alert() ...

Essaye

Code:

<input type="radio" onmousedown="alert('allo');" onblur="setTimeout(function () {alert('hello');}, 100);" id="exact" name="choice" />exact

A+
01/04/2008, 15h17
le_chomeur

sinon test :

-click sur ton bouton , l'alert apparait, ne bouge surtout pas ta souris !!
- appuis sur la touche entrée
- relâches ta souris ;)
01/04/2008, 15h19
E.Bzz

Citation:

Envoyé par le_chomeur

sinon test :

-click sur ton bouton , l'alert apparait, ne bouge surtout pas ta souris !!
- appuis sur la touche entrée
- relâches ta souris ;)

:king:

... à condition de ne pas avoir abusé du café :aie:
01/04/2008, 15h21
E.Bzz

Une solution (dérivée) pour ne voir que le 2° alert() :
Clic ailleurs et maintiens la souris appuyée.
Glisse jusqu'à l'input
Relâche la souris ....

A+
01/04/2008, 15h24
michael rossi

merci ton explication est parfaite et j'ai bien saisie la chose et l'utilite de onblur

mais j'ai une question sur ton code pourquoi avoir utiliser setTimeout dans ce cas precis?

merci encore E.bzz
01/04/2008, 15h30
E.Bzz

Parce que je n'étais plus sûr si l'alert() déclencherait le onblur (perturbé par l'alert déjà affichée) :aie:
C'est un moyen d'éviter ce problème (car ça désynchronise l'appel de la fonction de l'enchainement des évènements liés à l'input).

A+
01/04/2008, 16h01
michael rossi

ok merci j'ai compris sinon y a t il un moyen d'en savoir plus sur la synchronisation des evenements en javascript (tutoriels ...etc...)

merci encore