在纯javascript中模拟真实的人类鼠标点击?

Jan*_*avi 1 javascript mouseevent mouseclick-event google-chrome-extension

我目前正在开发 chrome 扩展程序,该扩展程序必须自动执行某些过程,但是在页面中,当我单击元素时执行了某些操作,但是当我使用 JavaScript 以编程方式单击元素时,没有任何反应。

有谁知道如何像真人一样点击它?

event.isTrusted // readonly property
Run Code Online (Sandbox Code Playgroud)

但我怎样才能使它成为一个 event.isTrusted = true?

我觉得网站对click事件的isTrusted属性做了一些预防方法!

Ivá*_*oko 7

这个答案

试试这个代码;它通过在按钮中心触发的快速连续的 mousedown、mouseup 和 click 事件模拟鼠标左键单击元素:

var simulateMouseEvent = function(element, eventName, coordX, coordY) {
  element.dispatchEvent(new MouseEvent(eventName, {
    view: window,
    bubbles: true,
    cancelable: true,
    clientX: coordX,
    clientY: coordY,
    button: 0
  }));
};

var theButton = document.querySelector('ul form button');

var box = theButton.getBoundingClientRect(),
        coordX = box.left + (box.right - box.left) / 2,
        coordY = box.top + (box.bottom - box.top) / 2;

simulateMouseEvent (theButton, "mousedown", coordX, coordY);
simulateMouseEvent (theButton, "mouseup", coordX, coordY);
simulateMouseEvent (theButton, "click", coordX, coordY);
Run Code Online (Sandbox Code Playgroud)

  • 使用 Puppeteer 时单击元素确实很有帮助。 (3认同)