Discussion :

[Yu-Chan]

Bonjour, j'ai chercher sur Google pour détecter click droit, gauche ou milieu et c'est pas compliqué.

Mon soucis et que je fais comme ça :

Le html

Code :

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

1
2
 
<span onclick="enchantAtk();" id="atkMinValue">10</span>

Et coté JS :

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
17
18
19
20
21
 
                function enchantAtk()
                {
 
                    $('#atk').mousedown(function(event) {
                        switch (event.which) {
                            case 1:
                                alert('Left mouse button is pressed');
                               break;
                            case 2:
                                alert('Middle mouse button is pressed');
                                break;
                            case 3:
                                alert('Right mouse button is pressed');
 
                                break;
                            default:
                                alert('Nothing');
                        }
                    });
}

Le truc c'est que je dois clické 2 fois sur mon span pour qua l'alert s'affiche.

Quelqu'un aurais une solution pour ce petit problème ?

CDT

[Pytet]

Bonjour,

Evite si possible l'utilisation des attributs html tel que onclick, préfères addEventListener() ou les fonctions jquery à la place.
Attention aux sélecteurs css : id="atkMinValue" => $('#atkMinValue')

Code html :

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

<span id="atkMinValue">10</span>

Code javascript :

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
$("#atkMinValue").on("mousedown", function (event) {
  switch (event.which) {
    case 1:
      alert("Left mouse button is pressed")
      break
    case 2:
      alert("Middle mouse button is pressed")
      break
    case 3:
      alert("Right mouse button is pressed")
 
      break
    default:
      alert("Nothing")
  }
})

[SpaceFrog]

Ben c'est tout a fait normal vu que la première fois tu n'as pas encore attaché l'event à l'élément

Au premier click tu attribues l'evenement :

Code :

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

 $('#atk').mousedown(function(event) {

Du coup au second il peut se lancer ...

[Yu-Chan]

OK merci.

Si je comprends bien c'est impossible d’appeler la fonction enchant() et detecter le click avec jquery ?

Y a pas moyen de garder ma fonction tout en utilisant le onclick ?

Est ce possible de faire sa sans a avoir cliquer 2 fois ?


Merci

[SpaceFrog]

Bien sur que si, il faut juste dissocier d'un coté la fonction
et de l'autre l'attribution de cette fonction sur le click de l'élément

La fonction

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
function enchantAtk(event){
 
                        switch (event.which) {
                            case 1:
                                alert('Left mouse button is pressed');
                               break;
                            case 2:
                                alert('Middle mouse button is pressed');
                                break;
                            case 3:
                                alert('Right mouse button is pressed'); 
                                break;
                            default:
                                alert('Nothing');
                        }
 }

l'attribution du mousedown

Code :

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

1
2
3
$(function() {
    $('#atkMinValue').mousedown(enchantAtk);
    })

[Yu-Chan]

Merci.

Sujet clos.