js模拟鼠标滑动

电玩女神 2022-02-26 05:46 552阅读 0赞

/**
     * @param id       
     * @param clientX  相对窗口横坐标
     * @param clientY  相对窗口纵坐标
     * @param distance 滑动距离
     */
    function  dragandDrop(id, clientX, clientY, distance) {
            var elem = document.getElementById(id),
                    k = 0,
                    interval;
            iME(elem,"mousedown",0, 0, clientX, clientY);
            interval = setInterval(function() {
                k++;
                iter(k);
                if (k === distance) {
                    clearInterval(interval);
                    iME(elem,"mouseup",clientX + k, clientY, 220 + k, 400);
                }
            }, 10);
            function iter(y) {
                iME(elem,"mousemove",clientX + y, clientY, clientX + y, clientY);
            }
            function iME(obj,event,screenXArg,screenYArg,clientXArg,clientYArg){
                var mousemove = document.createEvent("MouseEvent");
                mousemove.initMouseEvent(event, true, true, window, 0, screenXArg, screenYArg, clientXArg, clientYArg, 0, 0, 0, 0, 0, null);
                obj.dispatchEvent(mousemove);
            }
        }
        window.setTimeout(function() {
            obj = document.getElementById("card");
            obj.target = '_self';
            var _owh = obj.getBoundingClientRect();
            var _ox=_owh.width/ 2,_oh=_owh.height/2;
             _ox = Math.floor(Math.random() * _ox+60);
             _oh = Math.floor(Math.random() * _oh+60);
            _ox=_ox+_owh.x;
            _oh=_oh+_owh.y;        
            dragandDrop("card",_ox,_oh,50);
        }, 1000);

发表评论取消回复

表情：

评论列表（有 0 条评论，552人围观）

还没有评论，来说两句吧...

相关阅读

相关模拟鼠标点击

< DOCTYPE HTML PUBLIC -WCDTD HTML TransitionalEN> <table style="WIDTH: 100%; TABLE-LAYO

痛定思痛。/ 2023年10月18日 08:13/ 0 赞/ 161 阅读

相关 opencv：滑动条与鼠标操作

滑动条的创建和使用滑动条(Trackbar)是OpenCV动态调节参数的一种很好用的工具，它依附于窗口存在 include <opencv2/opencv.h

ゞ浴缸里的玫瑰/ 2022年12月08日 01:46/ 0 赞/ 158 阅读

相关 python鼠标模拟操作

python鼠标模拟操作通过简单的记录鼠标坐标，并通过计算鼠标下图片的偏移来完成简单的位置校准，用于在微偏移的界面模拟鼠标操作 [GitHub链接][GitHub]

喜欢ヅ旅行/ 2022年10月29日 11:18/ 0 赞/ 208 阅读

相关原生js鼠标拖拽div左右滑动

![2018041314472714][] ![20180413144737216][] <!DOCTYPE html> <html lang="en">

一时失言乱红尘/ 2022年05月27日 06:54/ 0 赞/ 242 阅读

相关模拟手机滑动

<!doctype html> <html> <head> <meta charset="UTF-8"> <m

悠悠/ 2022年05月25日 22:13/ 0 赞/ 226 阅读

相关 C++ 鼠标模拟程序

转自 \[url\]http://blog.csdn.net/weixinhum/article/details/46351881\[/url\] 关于鼠标模拟程

逃离我推掉我的手/ 2022年04月11日 07:21/ 0 赞/ 370 阅读

相关 Python 模拟鼠标操作

Python 模拟鼠标操作 2009-09-13 21:49:44| 分类： [ python][python]|字号订阅 Python 模拟鼠标操作干久了

你的名字/ 2022年03月31日 19:14/ 0 赞/ 252 阅读

相关 js模拟点击坐标、鼠标轨迹

<!doctype html> <html lang="en"> <head> <meta charset="utf-8">

客官°小女子只卖身不卖艺/ 2022年02月26日 05:52/ 0 赞/ 1100 阅读

相关 js模拟鼠标滑动

/ @param id @param clientX 相对窗口横坐标 @param clientY 相对窗口纵坐标

电玩女神/ 2022年02月26日 05:46/ 0 赞/ 553 阅读

相关滑动鼠标图片缩放

<img id="chgImg" src="img/1.jpg" width="760"

悠悠/ 2021年11月05日 15:26/ 0 赞/ 366 阅读