1. 程式人生 > >如何最快速的找到頁面某一元素所繫結的點選事件,並檢視js程式碼

如何最快速的找到頁面某一元素所繫結的點選事件,並檢視js程式碼

比如我要檢視銀行賬號這個標籤所繫結的事件。


操作過程中使用的是谷歌瀏覽器

第一步:在該元素上右鍵→檢查


第二步:點選Event Listeners


這樣就能看到該元素繫結的所有事件了


第三步:展開click,我們可以看到該元素所繫結點選事件的方法就在

jquery-ui-1.8.16.custom.min.js的第46行和

distribute.js的第12行


第四步:分別點選進去

游標停留處就是觸發點選事件時執行的方法



如果想直接開啟該js檔案並修改程式碼,可以使用快捷鍵Ctrl+Shift+R(開啟資源),並輸入對應的檔名查詢即可。


補充一點

如果Event Listeners視窗中什麼都沒有,那就是該元素沒有繫結任何事件。


那為啥點選它卻跳轉了呢,因為它就是個單純的a連結啊



但是如果Event Listeners視窗還是什麼都沒有,那就是應該請快取了,Ctrl+H



第一次寫部落格,如果對你有幫助就請支援下,隨意轉載,隨意轉載。