javascript - 如何使用js主动触发事件?

Question

https://login.taobao.com/memb... 登录淘宝账户多次密码错误后，就会需要按住滑块拖动到右边（如图）。怎么用js实现“按住滑块，拖动到左右边呢”？

PHP中文网 · Answer

这个滑动块是用来检测机器人的，如果你用脚本直接滑动过去，它会判断你为机器人。
其实它的本质并不是要你滑动过去，而是检测你在拖动前，拖动中，拖动后的鼠标行为是否符合真人特征

学习ing · Answer

原生js里有个 createEvent()方法，可以主动触发事件。例如：




    
    Document

你可以根据自己将click换成mousemove。

漂亮男人 · Answer

看图，该滚动条初始化是一个span也就是你圈的部分，还有一个p用于显示拖动进度。
如果你是问的只是针对达到它的验证
在拖动该span的时候该span的left和p.nc_1__bg的width发生改变，这时尝试主动修改这两个style，值都设为258px，然后点击（或者说mousedown、mouseup）该span，发现能够完成验证。

思路：修改style，然后触发span的click、mousedown、mouseup事件,因为不确定它具体是绑定在up还是down事件中（根据初步操作，应该是绑定在鼠标按下事件中），所以都触发一遍，至于click只是为了防漏.
代码：
     修改样式：就是修改p的width和span的left为258px，这里略过。
     js：$('#nc_1_wrapper #nc_1_n1z').click();    //触发单击事件
         $('#nc_1_wrapper #nc_1_n1z').mousedown();    //触发鼠标按下事件
         $('#nc_1_wrapper #nc_1_n1z').mouseup();    //触发鼠标弹起事件

怪我咯 · Answer

其实就是模拟鼠标抬起到时候就行判断

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程