JavaScript过滑块模拟鼠标拖动（验证码）滑块

最新推荐文章于 2023-11-24 18:33:10 发布

闷骚小贱男

最新推荐文章于 2023-11-24 18:33:10 发布

阅读量3k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

原文链接：https://www.cnblogs.com/tujia/p/16395692.html

版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

该代码段展示了一个JavaScript函数`slide`，它通过创建并触发`mousedown`、`mousemove`和`mouseout`鼠标事件来模拟用户操作，可用于自动化滑块验证过程。函数接受滑块元素的ID和偏移量作为参数，经过测试，在2023年2月7日18:02:50时仍然有效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

核心函数：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