Jquery obligé de faire 2 clicks

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:

---

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

---

Et coté JS :

Code:

---

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

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:

---

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

---

Code:

---

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") } })

---

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:

---

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

---

Du coup au second il peut se lancer ...

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

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:

---

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:

---

1 2 3

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

---

Merci.

Sujet clos.