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

最新推荐文章于 2024-03-28 08:00:22 发布

闷骚小贱男

最新推荐文章于 2024-03-28 08:00:22 发布

阅读量2.6k

点赞数 1

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

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

版权

JavaScript 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

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