const posX = 1000;
const posY = 200;
const event = document.createEvent('MouseEvents');
event.initMouseEvent('click', true, true, window, 0, posX, posY, posX, posY, false, false, false, false, 0, null);
document.elementFromPoint(posX, posY).dispatchEvent(event);
- const posX = 1000; 和 const posY = 200;:这两行代码定义了要模拟点击的位置的横坐标和纵坐标。在这个示例中,点击位置的横坐标为 1000,纵坐标为 200。
- const event = document.createEvent(‘MouseEvents’);:这行代码创建了一个新的 MouseEvents 事件对象。MouseEvents 是用于模拟鼠标事件的接口。
- event.initMouseEvent(‘click’, true, true, window, 0, posX, posY, posX, posY, false, false, false, false, 0, null);:这行代码初始化了 MouseEvents 事件对象。通过调用 initMouseEvent 方法,我们指定了事件类型为 ‘click’,并传递了其他相关参数,如是否冒泡、是否可以取消、触发事件的窗口对象、鼠标位置等。
- document.elementFromPoint(posX, posY):这行代码使用给定的横坐标和纵坐标获取当前网页上位于该位置的元素。elementFromPoint 方法返回位于指定位置最上层的元素。
- dispatchEvent(event);:这行代码将前面创建的 MouseEvents 事件对象分派给指定位置上的元素。通过调用 dispatchEvent 方法,我们将模拟点击事件触发在该元素上。