onmousedown vs onmouseup

**michael rossi** · 01/04/2008, 14h40

Bonjour a tous,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

**E.Bzz** · 01/04/2008, 14h45

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

A+

**michael rossi** · 01/04/2008, 14h51

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

**E.Bzz** · 01/04/2008, 15h05

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

A+

**le_chomeur** · 01/04/2008, 15h17

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

**E.Bzz** · 01/04/2008, 15h19

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

... à condition de ne pas avoir abusé du café

**E.Bzz** · 01/04/2008, 15h21

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+

**michael rossi** · 01/04/2008, 15h24

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

**E.Bzz** · 01/04/2008, 15h30

Parce que je n'étais plus sûr si l'alert() déclencherait le onblur (perturbé par l'alert déjà affichée)

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+

**michael rossi** · 01/04/2008, 16h01

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

onmousedown vs onmouseup

JavaScript

Discussions similaires

Partager

Partager