如何模拟长时间的鼠标左键点击

Question

我正在编写一个jQuery脚本，在我离开电脑时帮助我完成一些工作。类似于机器人。

这个机器人必须在页面的特定X，Y点上执行一些左键单击操作。

我使用以下代码并且运行得很完美：document.elementFromPoint(X, Y).click();

但我还需要在页面的另一点上进行长按操作。我需要模拟这样的操作：按下左键(x,y) ... 等待3秒钟...释放左键。

有办法做到这样吗？

谢谢。

- vmarco

Answer 1

使用纯JavaScript，这可能不是所有情况下都可行。但是如果您要定位的元素正在使用mousedown和mouseup来检测“长鼠标单击”，那么您可能可以直接触发它们。

document.elementFromPoint(X, Y).mousedown();

setTimeout(() => document.elementFromPoint(X, Y).mouseup(), 3000);

正如我所说，这种方法并不适用于所有情况，因为您实际上并没有控制鼠标本身，但是可以让您在某些情况下模拟它。

- samanime

Answer 2

在 mousedown 和 mouseup 之间加入一个超时监听器。

这不是最好的代码，但你可以像这样做：

function listenForLongClick (domElement, timeout = 3000) {
    let mouseDownStarted = false;
    let timeoutCheck = null;
    domElement.addEventListener('mousedown', () => {
        mouseDownStarted = true;

        timeoutCheck = setTimeout(() => mouseDownStarted = false, timeout);
    }, false);
    domElement.addEventListener('mouseup', () => {
        clearTimeout(timeoutCheck);

        if (mouseDownStarted) { console.log('within the 3 seconds'); }

        mouseDownStarted = false;
    }, false);
}

- Naftali