javascript - 如何使用js主動觸發(fā)事件?
問題描述
https://login.taobao.com/memb...
登錄淘寶賬戶多次密碼錯誤后，就會需要按住滑塊拖動到右邊（如圖）。怎么用js實現(xiàn)“按住滑塊，拖動到左右邊呢”？
問題解答
回答1：這個滑動塊是用來檢測機器人的，如果你用腳本直接滑動過去，它會判斷你為機器人。其實它的本質(zhì)并不是要你滑動過去，而是檢測你在拖動前，拖動中，拖動后的鼠標行為是否符合真人特征
回答2：原生js里有個 createEvent()方法，可以主動觸發(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：
看圖，該滾動條初始化是一個span也就是你圈的部分，還有一個p用于顯示拖動進度。如果你是問的只是針對達到它的驗證在拖動該span的時候該span的left和p.nc_1__bg的width發(fā)生改變，這時嘗試主動修改這兩個style，值都設(shè)為258px，然后點擊（或者說mousedown、mouseup）該span，發(fā)現(xiàn)能夠完成驗證。
思路：修改style，然后觸發(fā)span的click、mousedown、mouseup事件,因為不確定它具體是綁定在up還是down事件中（根據(jù)初步操作，應該是綁定在鼠標按下事件中），所以都觸發(fā)一遍，至于click只是為了防漏.代碼： 修改樣式：就是修改p的width和span的left為258px，這里略過。 js：$(’#nc_1_wrapper #nc_1_n1z’).click(); //觸發(fā)單擊事件 $(’#nc_1_wrapper #nc_1_n1z’).mousedown(); //觸發(fā)鼠標按下事件 $(’#nc_1_wrapper #nc_1_n1z’).mouseup(); //觸發(fā)鼠標彈起事件回答4：
其實就是模擬鼠標抬起到時候就行判斷
相關(guān)文章：
1. android-studio - Android Studio 運行項目的時候一堆警告，跑步起來！？2. dockerfile - [docker build image失敗- npm install]3. mysql - 新浪微博中的關(guān)注功能是如何設(shè)計表結(jié)構(gòu)的？4. angular.js使用$resource服務把數(shù)據(jù)存入mongodb的問題。5. 如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？6. angular.js - 關(guān)于$apply()7. MySQL數(shù)據(jù)庫中文亂碼的原因8. 表單提交驗證，沒反應，求老師指點9. nignx - docker內(nèi)nginx 80端口被占用10. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失敗？？？
網(wǎng)公網(wǎng)安備