Comment faire pour simuler un clic en utilisant les coordonnées x,y en JavaScript?

Est-il possible d'utiliser des coordonnées données dans le but de simuler un clic en JavaScript dans une page web?

Quel est votre objectif? 🙂 Êtes-vous essayer de simuler un clic sur une image map, par exemple?

InformationsquelleAutor RadiantHex | 2010-07-18

137

Vous pouvez envoyer un cliquez sur événement, si ce n'est pas le même comme un véritable déclic. Par exemple, il ne peut pas être utilisé pour tromper l'inter-domaine iframe document en pensant qu'il a été cliqué.

Tous les navigateurs modernes soutien document.elementFromPoint et HTMLElement.prototype.click(), au moins depuis IE 6, Firefox 5, n'importe quelle version de Chrome et probablement une version de Safari, vous êtes susceptible de les préoccuper. Il va même jusqu'à suivre les liens et de soumettre des formulaires:
```
document.elementFromPoint(x, y).click();
```
https://developer.mozilla.org/En/DOM:document.elementFromPoint
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click
- ça fonctionne avec IE et WebKit?
- oui, en fait, IE a été le premier à mettre en œuvre et il remonte à IE6. Chrome, Firefox et Safari 5 implémentations sont bien, mais de Safari 4 et Opera sont incorrectes (si réalisable). Voir quirksmode.org/dom/w3c_cssom.html#documentview.
- Je suis tellement heureux de cette découverte!! =D Fait beaucoup de choses réputé impossible possible maintenant =) ... ou au moins moins compliqué. Merci!!
- Cela ne semble pas fonctionner avec $.live() événements, quelqu'un pour le faire fonctionner avec les événements créés avec $.live() ainsi?
- C'est maintenant à travailler en condition suivante: j'ai une page web, je suis de chargement Iframe à partir d'un autre domaine que celui de mon domaine. Et j'ai envie de cliquer dans l'iframe de la zone. Avez-vous une solution sur cette question?
- non, il n'est pas possible. Vous pouvez simuler un clic sur l'iframe, mais il vient de se propager jusqu'le document contenant. Rien dans le contenu du document sera affecté (pour d'évidentes raisons de sécurité).
- Donc c'est seulement possible pour les deux de la même origine (iframe et parent de la page web). - il correct?
- E - Que dites-vous à @torazaburo réponse - n'est-ce pas de la simulation d'un "vrai" clic de souris?
- non, torazaburo est de faire ce que ma réponse suggère, c'est juste de l'usurpation d'un événement et de le tirer sur l'élément. Un "vrai" clic de souris, par exemple au niveau de l'OS, ne serait plus, comme le jeu de l'accent ou de suivre un lien à la donnée de x/y de l'emplacement. Parfois vous avez des questions à poser, mais depuis il ne serait d'être vraiment utile pour les infâmes actions (comme le fait de forcer les clics sur les annonces), il n'est pas possible.
- Ne fonctionne pas avec <canvas> tag. J'ai essayé avec ton code à la page: codepen.io/r0ysy0301/full/grjaOp.
- Ce qui ne fonctionne pas dans Firefox Nightly. À voir pour vous-même, allez à cette démo dans FF tous les Soirs, et exécuter document.elementFromPoint(916, 263).click() à partir de la console. Maintenant faites la même chose dans Chrome. La redirection de la page de Google dans Chrome, mais rien ne se passe dans Firefox.
- Mais, une toile élément a besoin de connaître sur les coordonnées afin de détecter cliquant sur des objets dans le canevas. Comment faisons-nous cela?
InformationsquelleAutor Andy E
58

Oui, vous pouvez simuler un clic de souris, par la création d'un événement et il l'envoi:
```
function click(x,y){
    var ev = document.createEvent("MouseEvent");
    var el = document.elementFromPoint(x,y);
    ev.initMouseEvent(
        "click",
        true /* bubble */, true /* cancelable */,
        window, null,
        x, y, 0, 0, /* coordinates */
        false, false, false, false, /* modifier keys */
        0 /*left*/, null
    );
    el.dispatchEvent(ev);
}
```
Méfiez-vous de l'utilisation de la click méthode sur un élément -- il est largement mis en œuvre, mais pas standard et échoue dans, par exemple, PhantomJS. Je suppose jQuery mise en œuvre de l' .click() fait la bonne chose, mais n'ont pas confirmé.
- M'a sauvé d'un gâchis. Ma première méthode a échoué mais celui-ci est venu à la rescousse, merci.
- un1 pour ne pas utiliser jQuery. Contrairement à la accepté de répondre, celui-ci t répondre à la question.
- C'est beaucoup, beaucoup plus puissant que celui de jQuery $.click()
- initMouseEvent a été désapprouvée: developer.mozilla.org/en-US/docs/Web/API/MouseEvent/...
- Semblent cliquez pas dans ma page de test: codepen.io/r0ysy0301/full/grjaOp. Cette page, à l'aide de <canvas>. J'ai essayé avec beaucoup de méthode. Mais ne pouvez pas cliquer dans <canvas> à la position.
- Cette fonction ne fonctionne pas dans Firefox Nightly (v52) sur ce page. Essayez click(916,263).
- Ce travail de sorte qu'un élément canvas pouvez utiliser les coordonnées pour modifier le dessin de choses à l'intérieur de la toile?
- Au lieu de le obsolète initMouseEvent vous pouvez utiliser var event = new MouseEvent( "click", { clientX: x, clientY: y, bubbles: true } ) C'est aussi indiqué dans le stackoverflow.com/a/36144688/384670.
InformationsquelleAutor

C'est juste torazaburo réponse, mis à jour pour utiliser un objet MouseEvent.

function click(x, y)
{
    var ev = new MouseEvent('click', {
        'view': window,
        'bubbles': true,
        'cancelable': true,
        'screenX': x,
        'screenY': y
    });

    var el = document.elementFromPoint(x, y);

    el.dispatchEvent(ev);
}

InformationsquelleAutor user2067021

0

Pour des raisons de sécurité, vous ne pouvez pas déplacer le pointeur de la souris avec le javascript, ni simuler un clic avec elle.

Qu'est-ce que vous essayez d'accomplir?
- merci de me le faire savoir! Je vais ajouter un peu d'info sur la question. Je suis juste à expérimenter, rien de vraiment productif =)
- Dans Chrome et Safari, vous pouvez mettre le feu à un clic à une position x,y. C'est de cette façon cette démo fonctionne. Firefox est le seul navigateur où il échoue, alors peut-être que c'est un Firefox-politique de sécurité spécifique.
- La vérité réside dans la réponse ci-dessous, createEvent() + initMouseEvent()
- Dans mon cas, le test.
- Vous pouvez certainement simuler un clic avec X/Y de coordonnées, bien qu'il ne se comportent pas exactement de la même manière.
InformationsquelleAutor quantumSoup

Vous devez vous connecter pour publier un commentaire.