js 模拟鼠标拖动
时间:2019-11-26
本文章向大家介绍js 模拟鼠标拖动,主要包括js 模拟鼠标拖动使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
window.addEventListener('message', function (event) { if (event.source != window) return; if (event.data.event_type && (event.data.event_type == "mockVerify")) { mockVerify(); } }) function mockVerify(){ console.log("mockVerify"); var btn=document.getElementById("nc_1_n1z"); var mousedown = document.createEvent("MouseEvents"); var rect = btn.getBoundingClientRect(); var x = rect.x; var y = rect.y; mousedown.initMouseEvent("mousedown",true,true,window,0, x, y, x, y,false,false,false,false,0,null); btn.dispatchEvent(mousedown); var dx = 0; var dy = 0; var interval = setInterval(function(){ var mousemove = document.createEvent("MouseEvents"); var _x = x + dx; var _y = y + dy; mousemove.initMouseEvent("mousemove",true,true,window,0, _x, _y, _x, _y,false,false,false,false,0,null); btn.dispatchEvent(mousemove); btn.dispatchEvent(mousemove); if(_x - x >= 300){ clearInterval(interval); var mouseup = document.createEvent("MouseEvents"); mouseup.initMouseEvent("mouseup",true,true,window,0, _x, _y, _x, _y,false,false,false,false,0,null); btn.dispatchEvent(mouseup); setTimeout(function(){ if(btn.className.indexOf('btn_ok') > -1){ console.log(btn.className); document.getElementById("verify").click(); } }, 1000); } else{ dx += Math.ceil(Math.random() * 50); console.log(dx); } }, 30); }
原文地址:https://www.cnblogs.com/rubekid/p/11938753.html
- 括号配对问题描述输入输出样例输入样例输出解析代码实现运行结果参考链接
- React第三方组件1(路由管理之Router的使用①简单使用)
- POj 2253 Frogger
- React项目配置7(ES7的Async/Await的使用)
- HDU 1863 畅通工程
- 最小生成树判断唯一
- React项目配置5(引入MockJs,实现假接口开发)
- POj 1611 The Suspects
- React项目配置4(如何在开发时跨域获取api请求)
- Laravel-博客实战+踩坑laravel-blog最终的效果踩的坑
- React项目配置3(如何管理项目API接口)
- React第三方组件3(状态管理之Flux的使用④TodoList下)
- React第三方组件3(状态管理之Flux的使用③TodoList中)
- Vue实现百度下拉提示搜索一、前期准备二、代码实现三、实现效果
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
- PHP封装的page分页类定义与用法完整示例
- Swoole实现异步投递task任务案例详解
- Keras预训练的ImageNet模型实现分类操作
- 通过实例解析Python RPC实现原理及方法
- PHP实现的支付宝支付功能示例
- 为Plesk PHP7启用Oracle OCI8扩展方法总结
- PHP模版引擎原理、定义与用法实例
- python如何查看安装了的模块
- Linux下源码包安装Swoole及基本使用操作图文详解
- python实现简易版学生成绩管理系统
- PHP中localeconv()函数的用法
- 解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
- PHP数据对象映射模式实例分析
- Pytorch 解决自定义子Module .cuda() tensor失败的问题