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

Question

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

Answer 1

Vous pouvez envoyer une cliquez sur mais ce n'est pas la même chose qu'un clic réel. Par exemple, il ne peut pas être utilisé pour faire croire à un document iframe inter-domaines qu'il a été cliqué.

Tous les navigateurs modernes prennent en charge document.elementFromPoint y HTMLElement.prototype.click() Depuis au moins IE 6, Firefox 5, toutes les versions de Chrome et probablement toutes les versions de Safari dont vous êtes susceptible de vous soucier. Il peut même suivre des liens et soumettre des formulaires :

document.elementFromPoint(x, y).click();

• https://developer.mozilla.org/en-US/docs/Web/API/Document/elementFromPoint
• https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

Answer 2

Oui, vous pouvez simuler un clic de souris en créant un événement et en le répartissant :

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

Attention à l'utilisation du click sur un élément -- elle est largement implémentée mais pas standard et échouera dans PhantomJS par exemple. Je suppose que l'implémentation de jQuery de la méthode .click() fait la bonne chose mais n'ont pas confirmé.

Answer 3

C'est juste La réponse de torazaburo 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);
}

Answer 4

Cela ne fonctionne pas pour moi mais il imprime l'élément correct dans la console.

voici le code :

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);
    console.log(el); //print element to console
    el.dispatchEvent(ev);
}
click(400, 400);

Answer 5

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 celui-ci.

Qu'est-ce que vous essayez d'accomplir ?