javascript - 如何使用js主動觸發事件?
問題描述
https://login.taobao.com/memb...
登錄淘寶賬戶多次密碼錯誤后,就會需要按住滑塊拖動到右邊(如圖)。怎么用js實現“按住滑塊,拖動到左右邊呢”?
問題解答
回答1:這個滑動塊是用來檢測機器人的,如果你用腳本直接滑動過去,它會判斷你為機器人。其實它的本質并不是要你滑動過去,而是檢測你在拖動前,拖動中,拖動后的鼠標行為是否符合真人特征
回答2:原生js里有個 createEvent()方法,可以主動觸發事件。例如:
<!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>
你可以根據自己將click換成mousemove。
回答3:
看圖,該滾動條初始化是一個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(); //觸發鼠標彈起事件回答4:
其實就是模擬鼠標抬起到時候就行判斷
相關文章:
1. python小白 自學看書遇到看不懂的地方2. javascript - avalon.js ms-on 事件綁定無效 ?3. javascript - vue中使用prop傳遞數據問題4. javascript - 連續點擊觸發mouseleave事件5. php對mysql提取數據那種速度更快6. DADB.class.php文件的代碼怎么寫7. shell - mysql更新錯誤8. javascript - immutable配合react提升性能?9. mysql - 在log日志中已知用戶的某一步操作,如何獲取其上一步操作?10. 網頁爬蟲 - 如何使用使用java抓取信息并制作一個排名系統?

網公網安備