Skip to main content

Con JavaScript puedes recuperar el elemento que se encuentra en una posición determinada con document.elementFromPoint y lanzar el evento click. Estas posiciones son absolutas pero es un buen punto de partida:

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

Teniendo esa función y sabiendo el elemento sobre el que quieres realizar el click podrías realizar algunos cálculos para poder recuperar la posición absoluta partiendo de la posición relativa sobre la que quieres hacer click. Esto lo podemos hacer con la función getBoundingClientRect que nos devuelve el rectángulo que forma el elemento con sus 4 vértices.

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
document.elementFromPoint(clickX, clickY).click();

EDITADO:

En base a los comentarios, se busca el modo de poder emular el click en la posición concreta y no simplemente en el elemento en cuestión. Para ello, el único modo que se ocurre es crear un evento de ratón y luego procesarlo. Esta funcionalidad está desaconsejada y retirada de los Web Standars, no obstante, modifico el código de la solución adicional para ilustrar cómo sería el funcionamiento de la siguiente forma:

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
var eventoClick= document.createEvent('MouseEvents'); //Creamos un nuevo evento
eventoClick.initMouseEvent('click', true, true, window, 0, 0, 0, clickX, clickX, false, false, false, false, 0, null); //Inicializamos el evento 
document.dispatchEvent(clickEventeventoClick); //Lanzamos el evento sobre el documento

Utilizamos document para evitar lanzar el evento en base a un elemento concreto concreto y lo lanzamos directamente sobre el documento. Recomiendo encarecidamente que se revise la documentación de initMouseEvent para entender el uso de todos los parámetros del evento.

Hay que tener en cuenta que si no necesitas recuperar el elemento o no es una posición relativa a un elemento se puede utilizar el mismo método pero utilizando los valores para clickX y clickY que necesites.

Con JavaScript puedes recuperar el elemento que se encuentra en una posición determinada con document.elementFromPoint y lanzar el evento click. Estas posiciones son absolutas pero es un buen punto de partida:

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

Teniendo esa función y sabiendo el elemento sobre el que quieres realizar el click podrías realizar algunos cálculos para poder recuperar la posición absoluta partiendo de la posición relativa sobre la que quieres hacer click. Esto lo podemos hacer con la función getBoundingClientRect que nos devuelve el rectángulo que forma el elemento con sus 4 vértices.

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
document.elementFromPoint(clickX, clickY).click();

EDITADO:

En base a los comentarios, se busca el modo de poder emular el click en la posición concreta y no simplemente en el elemento en cuestión. Para ello, el único modo que se ocurre es crear un evento de ratón y luego procesarlo. Esta funcionalidad está desaconsejada y retirada de los Web Standars, no obstante, modifico el código de la solución adicional para ilustrar cómo sería el funcionamiento de la siguiente forma:

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
var eventoClick= document.createEvent('MouseEvents'); //Creamos un nuevo evento
eventoClick.initMouseEvent('click', true, true, window, 0, 0, 0, clickX, clickX, false, false, false, false, 0, null); //Inicializamos el evento 
document.dispatchEvent(clickEvent); //Lanzamos el evento sobre el documento

Utilizamos document para evitar lanzar el evento en base a un elemento concreto concreto y lo lanzamos directamente sobre el documento. Recomiendo encarecidamente que se revise la documentación de initMouseEvent para entender el uso de todos los parámetros del evento.

Hay que tener en cuenta que si no necesitas recuperar el elemento o no es una posición relativa a un elemento se puede utilizar el mismo método pero utilizando los valores para clickX y clickY que necesites.

Con JavaScript puedes recuperar el elemento que se encuentra en una posición determinada con document.elementFromPoint y lanzar el evento click. Estas posiciones son absolutas pero es un buen punto de partida:

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

Teniendo esa función y sabiendo el elemento sobre el que quieres realizar el click podrías realizar algunos cálculos para poder recuperar la posición absoluta partiendo de la posición relativa sobre la que quieres hacer click. Esto lo podemos hacer con la función getBoundingClientRect que nos devuelve el rectángulo que forma el elemento con sus 4 vértices.

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
document.elementFromPoint(clickX, clickY).click();

EDITADO:

En base a los comentarios, se busca el modo de poder emular el click en la posición concreta y no simplemente en el elemento en cuestión. Para ello, el único modo que se ocurre es crear un evento de ratón y luego procesarlo. Esta funcionalidad está desaconsejada y retirada de los Web Standars, no obstante, modifico el código de la solución adicional para ilustrar cómo sería el funcionamiento de la siguiente forma:

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
var eventoClick= document.createEvent('MouseEvents'); //Creamos un nuevo evento
eventoClick.initMouseEvent('click', true, true, window, 0, 0, 0, clickX, clickX, false, false, false, false, 0, null); //Inicializamos el evento 
document.dispatchEvent(eventoClick); //Lanzamos el evento sobre el documento

Utilizamos document para evitar lanzar el evento en base a un elemento concreto concreto y lo lanzamos directamente sobre el documento. Recomiendo encarecidamente que se revise la documentación de initMouseEvent para entender el uso de todos los parámetros del evento.

Hay que tener en cuenta que si no necesitas recuperar el elemento o no es una posición relativa a un elemento se puede utilizar el mismo método pero utilizando los valores para clickX y clickY que necesites.

se añadieron 1407 caracteres en el cuerpo
Origen Enlace
frikinside
  • 780
  • 5
  • 20

Con JavaScript puedes recuperar el elemento que se encuentra en una posición determinada con document.elementFromPoint y lanzar el evento click. Estas posiciones son absolutas pero es un buen punto de partida:

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

Teniendo esa función y sabiendo el elemento sobre el que quieres realizar el click podrías realizar algunos cálculos para poder recuperar la posición absoluta partiendo de la posición relativa sobre la que quieres hacer click. Esto lo podemos hacer con la función getBoundingClientRect que nos devuelve el rectángulo que forma el elemento con sus 4 vértices.

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
document.elementFromPoint(clickX, clickY).click();

EDITADO:

En base a los comentarios, se busca el modo de poder emular el click en la posición concreta y no simplemente en el elemento en cuestión. Para ello, el único modo que se ocurre es crear un evento de ratón y luego procesarlo. Esta funcionalidad está desaconsejada y retirada de los Web Standars, no obstante, modifico el código de la solución adicional para ilustrar cómo sería el funcionamiento de la siguiente forma:

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
var eventoClick= document.createEvent('MouseEvents'); //Creamos un nuevo evento
eventoClick.initMouseEvent('click', true, true, window, 0, 0, 0, clickX, clickX, false, false, false, false, 0, null); //Inicializamos el evento 
document.dispatchEvent(clickEvent); //Lanzamos el evento sobre el documento

Utilizamos document para evitar lanzar el evento en base a un elemento concreto concreto y lo lanzamos directamente sobre el documento. Recomiendo encarecidamente que se revise la documentación de initMouseEvent para entender el uso de todos los parámetros del evento.

Hay que tener en cuenta que si no necesitas recuperar el elemento o no es una posición relativa a un elemento se puede utilizar el mismo método pero utilizando los valores para clickX y clickY que necesites.

Con JavaScript puedes recuperar el elemento que se encuentra en una posición determinada con document.elementFromPoint y lanzar el evento click. Estas posiciones son absolutas pero es un buen punto de partida:

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

Teniendo esa función y sabiendo el elemento sobre el que quieres realizar el click podrías realizar algunos cálculos para poder recuperar la posición absoluta partiendo de la posición relativa sobre la que quieres hacer click. Esto lo podemos hacer con la función getBoundingClientRect que nos devuelve el rectángulo que forma el elemento con sus 4 vértices.

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
document.elementFromPoint(clickX, clickY).click();

Con JavaScript puedes recuperar el elemento que se encuentra en una posición determinada con document.elementFromPoint y lanzar el evento click. Estas posiciones son absolutas pero es un buen punto de partida:

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

Teniendo esa función y sabiendo el elemento sobre el que quieres realizar el click podrías realizar algunos cálculos para poder recuperar la posición absoluta partiendo de la posición relativa sobre la que quieres hacer click. Esto lo podemos hacer con la función getBoundingClientRect que nos devuelve el rectángulo que forma el elemento con sus 4 vértices.

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
document.elementFromPoint(clickX, clickY).click();

EDITADO:

En base a los comentarios, se busca el modo de poder emular el click en la posición concreta y no simplemente en el elemento en cuestión. Para ello, el único modo que se ocurre es crear un evento de ratón y luego procesarlo. Esta funcionalidad está desaconsejada y retirada de los Web Standars, no obstante, modifico el código de la solución adicional para ilustrar cómo sería el funcionamiento de la siguiente forma:

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
var eventoClick= document.createEvent('MouseEvents'); //Creamos un nuevo evento
eventoClick.initMouseEvent('click', true, true, window, 0, 0, 0, clickX, clickX, false, false, false, false, 0, null); //Inicializamos el evento 
document.dispatchEvent(clickEvent); //Lanzamos el evento sobre el documento

Utilizamos document para evitar lanzar el evento en base a un elemento concreto concreto y lo lanzamos directamente sobre el documento. Recomiendo encarecidamente que se revise la documentación de initMouseEvent para entender el uso de todos los parámetros del evento.

Hay que tener en cuenta que si no necesitas recuperar el elemento o no es una posición relativa a un elemento se puede utilizar el mismo método pero utilizando los valores para clickX y clickY que necesites.

Origen Enlace
frikinside
  • 780
  • 5
  • 20

Con JavaScript puedes recuperar el elemento que se encuentra en una posición determinada con document.elementFromPoint y lanzar el evento click. Estas posiciones son absolutas pero es un buen punto de partida:

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

Teniendo esa función y sabiendo el elemento sobre el que quieres realizar el click podrías realizar algunos cálculos para poder recuperar la posición absoluta partiendo de la posición relativa sobre la que quieres hacer click. Esto lo podemos hacer con la función getBoundingClientRect que nos devuelve el rectángulo que forma el elemento con sus 4 vértices.

var elemento = document.getElementById('idDelElemento');
var rect = elemento.getBoundingClientRect();
//rect.top, rect.right, rect.bottom, rect.left
var clickX = rect.left + 100; //Posición absoluta de 100px a la derecha del extremo izquierdo del elemento.
var clickY = rect.top + 50; //Posición absoluta de 50px hacia abajo del extremo superior del elemento.
document.elementFromPoint(clickX, clickY).click();