JavaScript simulates mouse dragging (verification code) slider through slider

Core functions: createEvent, initMouseEvent, dispatchEvent

function slide (id, offsetX) {
    
    
    var slider = document.getElementById(id);
    var rect = slider.getBoundingClientRect(),
        x0 = rect.x || rect.left,
        y0 = rect.y || rect.top,
        x1 = x0 + offsetX, 
        y1 = y0;
    var mousedown = document.createEvent('MouseEvents');
    mousedown.initMouseEvent('mousedown', true, true, window, 0, x0, y0, x0, y0, false, false, false, false, 0, null);
    slider.dispatchEvent(mousedown);  
 
    var mousemove = document.createEvent('MouseEvents');
    mousemove.initMouseEvent('mousemove', true, true, window, 0, x1, y1, x1, y1, false, false, false, false, 0, null);
    slider.dispatchEvent(mousemove);

    var mouseout = document.createEvent('MouseEvents');
    mouseout.initMouseEvent('mouseout', true, true, window, 0, x1, y1, x1, y1, false, false, false, false, 0, null);
    slider.dispatchEvent(mouseout);
}
slide('tcaptcha_drag_thumb', 100);//id

Can pass partial slider verification

2023-2-7 18:02:50 Tested and valid

code reproduced on the network: original page