javascript - 如何使用js主動(dòng)觸發(fā)事件?
問(wèn)題描述
https://login.taobao.com/memb...
登錄淘寶賬戶多次密碼錯(cuò)誤后，就會(huì)需要按住滑塊拖動(dòng)到右邊（如圖）。怎么用js實(shí)現(xiàn)“按住滑塊，拖動(dòng)到左右邊呢”？
問(wèn)題解答
回答1：這個(gè)滑動(dòng)塊是用來(lái)檢測(cè)機(jī)器人的，如果你用腳本直接滑動(dòng)過(guò)去，它會(huì)判斷你為機(jī)器人。其實(shí)它的本質(zhì)并不是要你滑動(dòng)過(guò)去，而是檢測(cè)你在拖動(dòng)前，拖動(dòng)中，拖動(dòng)后的鼠標(biāo)行為是否符合真人特征
回答2：原生js里有個(gè) createEvent()方法，可以主動(dòng)觸發(fā)事件。例如：
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title></head><body> <p onclick='alert(1)'></p> <script type='text/javascript'>var event = document.createEvent(’MouseEvents’);event.initMouseEvent(’click’, true, true, document.defaultView, 0, 0, 0, 0, 0, false, false, false, false, 0 ,null);aaa.dispatchEvent(event); </script></body></html>
你可以根據(jù)自己將click換成mousemove。
回答3：
看圖，該滾動(dòng)條初始化是一個(gè)span也就是你圈的部分，還有一個(gè)p用于顯示拖動(dòng)進(jìn)度。如果你是問(wèn)的只是針對(duì)達(dá)到它的驗(yàn)證在拖動(dòng)該span的時(shí)候該span的left和p.nc_1__bg的width發(fā)生改變，這時(shí)嘗試主動(dòng)修改這兩個(gè)style，值都設(shè)為258px，然后點(diǎn)擊（或者說(shuō)mousedown、mouseup）該span，發(fā)現(xiàn)能夠完成驗(yàn)證。
思路：修改style，然后觸發(fā)span的click、mousedown、mouseup事件,因?yàn)椴淮_定它具體是綁定在up還是down事件中（根據(jù)初步操作，應(yīng)該是綁定在鼠標(biāo)按下事件中），所以都觸發(fā)一遍，至于click只是為了防漏.代碼： 修改樣式：就是修改p的width和span的left為258px，這里略過(guò)。 js：$(’#nc_1_wrapper #nc_1_n1z’).click(); //觸發(fā)單擊事件 $(’#nc_1_wrapper #nc_1_n1z’).mousedown(); //觸發(fā)鼠標(biāo)按下事件 $(’#nc_1_wrapper #nc_1_n1z’).mouseup(); //觸發(fā)鼠標(biāo)彈起事件回答4：
其實(shí)就是模擬鼠標(biāo)抬起到時(shí)候就行判斷
相關(guān)文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報(bào)錯(cuò)了？2. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗！3. docker-compose中volumes的問(wèn)題4. docker不顯示端口映射呢？5. golang - 用IDE看docker源碼時(shí)的小問(wèn)題6. docker內(nèi)創(chuàng)建jenkins訪問(wèn)另一個(gè)容器下的服務(wù)器問(wèn)題7. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””8. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問(wèn)題！！9. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件10. mac里的docker如何命令行開啟呢？
網(wǎng)公網(wǎng)安備