Discussion :

[bella1]

Bonsoir,

Je souhaite cliquer dans une page web par rapport une position x, y.
J'ai trouvé des méthodes pour récupérer la position de la souris mais rien pour cliquer à une position automatiquement.
pouvez-vous m'aider ?

La méthode pour récupérer :

Code :

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

1
2
3
4
5
6
7
8
9
function localiser(e) {
if (navigator.appName == "Netscape")
{document.captureEvents(Event.CLICK);}
if (navigator.appName == "Microsoft Internet Explorer")
{sX = event.clientX; sY = event.clientY;}
else {sX = e.pageX;sY = e.pageY;}
alert("Coordonnées du clic x = " + sX + " et y = " + sY);
}
document.onclick=localiser;

Je souhaite faire un clique à la position x=500 et y=700.

Encore merci à vous,

[danielhagnoul]

Il existe document.elementFromPoint(x,y);

EDIT après divers tests

Cela fonctionne bien pour trouver un élément du DOM

console.log( document.elementFromPoint( 100, 200 ) ); trouve bien ma division : <div>Hello</div>.

CSS de la div

Code css :

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

1
2
3
4
5
6
7
8
div {
      position: relative;
      top: 6px;
      left: 6px;
      width: 800px;
      height: 800px;
      background-color: yellow;
    }

Lorsqu'on provoque un clic sur l'élément document.elementFromPoint( 100, 200 ).click(); il est bien détecté (testés avec les dernières versions de Chrome, Firefox et Edge)..
Mais les résultats affichés dans la console (touche F12) pour la position du clic ne sont pas bons : MouseEvent {isTrusted: false, screenX: 0, screenY: 0, clientX: 0, clientY: 0…}

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
window.addEventListener( 'load', function( ev ){
  //console.log( `Window load : ${ new kDvjhDate() }` );
 
  document.querySelector( 'div' ).addEventListener( 'click', function( ev ){
    console.log( 'div', ev );
  }, false);
 
  document.addEventListener( 'click', function( ev ){
    console.log( 'document', ev );
  }, false);
 
  setTimeout( function(){
    document.elementFromPoint( 100, 200 ).click();
  }, 3000 ); // 3s
 
});

[bella1]

Bonjour et merci,
Le script fonctionne mais il s'execute aux coordonnées 0,0.
J'ai essayé sur chrome et firefox.

En fait, J'ai mis dans une page, le iframe de Sytadin (http://m.sytadin.fr).
Lorsqu'on lance la page, il faut toujours cliquer dans l'Iframe pour voir la carte.
Voilà mon vrai problème.

Merci,

[Beginner.]

Salut,

En fait si j'ai bien compris tu voudrais "simuler" un clic de souris ?

Si oui eh bien j'ai essayé la fonction que danielhagnoul a indiquée et ça a marché :

J'ai chargé la page puis dans la console j'ai lancé la fonction suivante : "document.elementFromPoint( 100, 200 ).click();"...

Et alors la carte s'est bel et bien affichée comme quand on fait nous même un clic de souris...