HTML/JS Position de la souris

**denisduval75** · 21/03/2017, 10h38

Bonjour,

Dans une page HTML, je souhaiterais récupérer les coordonnées de la souris.

J'utilise une fonction JavaScript :

Code :

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

1
2
3
4
5
6
7
8
 
        <script type="text/javascript">
            function souris(event)
            {
                document.getElementById('positionX').value = event.clientX;
                document.getElementById('positionY').value = event.clientY;
            }
        </script>

Pour récupérer la position dans mon bean, j'ai ce code :

Code :

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

1
2
3
4
5
6
7
 
<h:body onmousedown="souris(event);">
 
        <input type="text" id="positionX" value="#{tableauBordManagerBean.clicPositionX}"/>
        <input type="text" id="positionY" value="#{tableauBordManagerBean.clicPositionY}"/>
...
...

Les coordonnées s'affichent correctement sur ma page, mais les 2 variables tableauBordManagerBean.clicPositionX et clicPositionY sont toujours à 0.

Comment récupérer la position de la souris dans mon bean ?

MERCI

**melka one** · 21/03/2017, 22h12

jour

essai 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
17
18
19
<html> 
<head> 
 
<script> 
 
document.addEventListener('mousedown',function(evt){
 
document.getElementById('positionX').value = evt.pageX;
document.getElementById('positionY').value = evt.pageY;
},false);
 
</script>
</head>
<body>
 
 <input type="text" id="positionX" value="#{tableauBordManagerBean.clicPositionX}"/>
 <input type="text" id="positionY" value="#{tableauBordManagerBean.clicPositionY}"/>
</body>
</html>

j'utilise pageX et pageY car ils prennent en compte le scrolling de la page

**denisduval75** · 22/03/2017, 16h27

Bonjour.

Ca ne marche pas non plus

**melka one** · 22/03/2017, 19h15

j'ai du mal a comprendre cette partie

Code :

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

value="#{tableauBordManagerBean.clicPositionX}"

**patricktoulon** · 23/03/2017, 02h11

bonsoir

soustrait le offsetleft de ton bean pour le x et
soustrait le offsetTop pour le y

**denisduval75** · 23/03/2017, 09h21

Bonjour,

Ce code me permet de récupérer (ou bind) la position de la souris dans 2 variables coté java :

Code :

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

1
2
 
value="#{tableauBordManagerBean.clicPositionX}"

Je ne sais pas comment faire avec les offset !

Merci pour vos réponses

HTML/JS Position de la souris

JavaScript

Vue hybride

Discussions similaires

Partager

Partager