Savoir quel bouton de la souris est pressé ;)

**dragonno** · 19/03/2013, 16h17

Comme le savez, il est difficile de trouver facilement sur le net comment connaître le bouton qui est pressé, quand on travaille sous javascript.
Pourtant il y a une méthode, pas très diffusée apparemment et que voici :

1) Vous mettez l’évènement onMouseOver sur l'élément que vous voulez tester sur votre page (Exemple) :

Code html :

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

<div id="mon_element" onMouseOver="quel(event)"> mon contenu </div>

2) Vous lui faite lancer cette 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
function quel(event)
{
if (event.which==1)
	{
	alert("gauche");
	}
if (event.which==3)
	{
	alert("droit");
	}
if (event.which==2)
	{
	alert("centre");
	}
}

Ce script a été étudié pour Firefox et tous les navigateurs équivalent à Netscape.

Il est adaptable à IE en rajoutant quelques trucs mais je n'aime pas IE (voir ma signature)

**Bovino** · 19/03/2013, 16h20

Mouais... donc tu cherches à savoir quel bouton est utilisé pour faire un mouseover

**dragonno** · 19/03/2013, 16h34

Non, par exemple sur un DIV je peux presser le bouton gauche pour désigner quelque chose ou presser le bouton droit pour indiquer quelque chose.

EDIT : Avec le droit, désigner quelque chose ou montrer son propre menu contextuel...

**Auteur** · 22/03/2013, 22h57

Que l'événement soit onclick ou onmouseover() le script ne fonctionne pas avec ma souris (logitech rx250), seul le bouton gauche est détecté....

Les scripts javascript pour détecter le bouton ou la position de la souris n'ont jamais été fiables.

**dragonno** · 23/03/2013, 00h10

Concernant ta souris, je n'ai jamais eu de souris "propriètaire" je veux dire avec un driver de marque, donc ça vient peut-être de là, je ne sais pas, j'ai toujours eu des souris génériques qui ne coutent pas cher et qui fonctionnent bien, et je n'ai jamais eu de problèmes de détection avec un script en JavaScript.

Donc peut-être que ça vient du fait que c'est une souris de marque je dis ça sans le savoir vraiment, ce que je constate c'est qu'avec les génériques je n'ai pas de problèmes spécifiques.

Sinon une question, tu es sous IE ?

Note : Ce code est donné pour firefox, je ne code jamais de variante IE, j'aimerais bien que IE se standardise comme Firefox ou se vire de la toile

**Auteur** · 23/03/2013, 01h42

Envoyé par dragonno

Sinon une question, tu es sous IE ?

Firefox

Envoyé par dragonno

Note : Ce code est donné pour firefox, je ne code jamais de variante IE, j'aimerais bien que IE se standardise comme Firefox ou se vire de la toile

IE existe et est très utilisé, il faut faire avec.

**dragonno** · 23/03/2013, 04h29

Et non il ne faut pas faire avec justement, c'est à nous développeurs de faire en sorte que Microsoft comprenne que son navigateur qui ne respecte pas les standards sera ignoré.

Le laisser faire c'est continuer à le motiver à vouloir imposer ses conneries sur le web.

**Bovino** · 23/03/2013, 08h34

Depuis IE9, Microsoft est correctement conforme aux standards...

**dragonno** · 23/03/2013, 10h05

Je crois que je vais faire un debat ailleurs sur le forum ^^

**NoSmoking** · 24/03/2013, 12h21

Bonjour,
pour le click DROIT et GAUCHE il existe onclick et oncontextmenu.

Ah au fait oncontextmenu a été initié par IE, si j'ai bonne mémoire

**dragonno** · 24/03/2013, 14h18

oncentextmenu() fonctionne en effet mais fait aussi apparaitre le menu contextuel aprés l'action si on reste sur la meme page.

Tu peux le tester en faisant juste un div dans un body vide pour le constater et dans mes programme ç'est gênant, alors qu'avec une détection telle qu'on trouve sur le net (la mienne incluse) cela ne se produit pas.

**Auteur** · 24/03/2013, 15h28

onclick() ne fonctionne qu'avec le bouton gauche, oncontextmenu() avec le bouton droit.
Mais, encore faut-il autoriser les actions en question. Avec certains navigateurs (dont Firefox) on peut les inhiber (voir les Options dans l'onglet "Contenu").

Maintenant pour connaître le bouton cliqué sur un objet :

Code html :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
 
<title></title>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
<script type="text/javascript">
<!--
function mouseButton(ev)
{
if (ev.which==1)
        {
        alert("gauche");
        }
if (ev.which==3)
        {
        alert("droit");
        }
if (ev.which==2)
        {
        alert("centre");
        }
}
//-->
</script> 
 
</head>
 
<body>
<div onmouseup="mouseButton(event)" oncontextmenu="return false">bla bla bla bla bla bla</div>
 
</body>
</html>

il faut utiliser onmouseup() ou onmousedown() et pour inhiber le menu contextuel (sous réserve que l'on autorise cette inhibition) il faut ajouter : oncontextmenu="return false"

**NoSmoking** · 24/03/2013, 18h39

Envoyé par dragonno

Tu peux le tester en faisant juste un div dans un body vide pour le constater et dans mes programme ç'est gênant, alors qu'avec une détection telle qu'on trouve sur le net (la mienne incluse) cela ne se produit pas.

as tu essayer de ne pas faire d'alert mais de mettre le résultat dans une DIV plutôt?

**Programir** · 28/12/2021, 18h40

Salut, je viens de tester ces codes, celui fonctionne le mieux chez moi c'est celui de Auteur.
j'ai juste remplacé les alerts par des console.log.

j'ai cherché sur plusieurs liens avant de tomber sur celui-là et donc c'est vrai que ces boutons posent problèmes à beaucoup.

**melka one** · 29/12/2021, 23h07

jour

le code est vieux c'est plus simple que ça il faut utiliser event.button associé a un onmousedown qui retourne 0 1 ou 2 en fonction du bouton

Code HTML :

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
22
23
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script>
 
function teste(evt){
 
alert(evt.button)
        
}
 
</script>
</head>
<body>
 
<div onmousedown='teste(event)' id="container" style='width:400px;height:400px;background:gray'>
 
	click ici
</div>
 
</body>
</html>

https://developer.mozilla.org/en-US/...seEvent/button

**Programir** · 30/12/2021, 01h41

j'ai installé le code de Auteur qui fonctionne bien, mais par curiosité d'apprendre je vais tester la version que tu m'as indiqué, merci

Savoir quel bouton de la souris est pressé ;)

JavaScript

Discussions similaires

Partager

Partager