纯JS实现屏幕鼠标移动及模拟用户点击功能求助

直接用原生MouseEvent构造函数模拟完整的鼠标事件序列即可，以下是无依赖的实现函数：

function simulateMouseClickAtScreenCoords(screenX, screenY) {
    // 计算视口坐标（屏幕坐标转浏览器视口坐标）
    const clientX = screenX - window.screenLeft;
    const clientY = screenY - window.screenTop;

    // 1. 模拟鼠标移动到目标坐标
    document.dispatchEvent(new MouseEvent('mousemove', {
        screenX, screenY,
        clientX, clientY,
        bubbles: true,
        cancelable: true,
        view: window
    }));

    // 2. 模拟鼠标左键按下
    document.dispatchEvent(new MouseEvent('mousedown', {
        screenX, screenY,
        clientX, clientY,
        button: 0, // 0代表左键
        buttons: 1, // 标记左键处于按下状态
        bubbles: true,
        cancelable: true,
        view: window
    }));

    // 3. 模拟鼠标左键松开
    document.dispatchEvent(new MouseEvent('mouseup', {
        screenX, screenY,
        clientX, clientY,
        button: 0,
        buttons: 0, // 标记无按键按下
        bubbles: true,
        cancelable: true,
        view: window
    }));

    // 4. 触发click事件（兼容部分依赖该事件的元素）
    document.dispatchEvent(new MouseEvent('click', {
        screenX, screenY,
        clientX, clientY,
        button: 0,
        bubbles: true,
        cancelable: true,
        view: window
    }));
}

关键说明 #

• 坐标转换：screenX/Y是屏幕全局坐标，clientX/Y是浏览器视口内坐标，通过window.screenLeft/Top转换保证事件定位准确。
• 完整事件序列：模拟真实用户操作的完整流程（移动→按下→松开→点击），避免单独触发click事件不生效的情况。
• 按键参数：button指定触发的按键（0=左键），buttons标记当前按下的按键组合，让事件更贴近原生交互逻辑。

注意事项 #

• 浏览器安全限制：该函数必须在用户主动交互上下文中调用（比如绑定到按钮点击事件），否则会被浏览器的自动化防护机制阻止。
• 复杂显示场景：若涉及多显示器、窗口缩放等情况，可能需要根据实际环境调整坐标计算逻辑。
• 精准元素点击：如果需要点击特定DOM元素，可将document.dispatchEvent替换为目标元素的dispatchEvent，此时可直接使用元素的相对视口坐标。

内容的提问来源于stack exchange，提问作者luizfelipetx