問題描述:今天遇到這樣一個情況,我鼠標移到這個元素上會看到它觸發了一個樣式。但是jsp頁面層層相嵌,js又多的不行,根本找不到綁定的這個事件在哪兒。心想谷歌瀏覽器深受程序員的喜愛,肯定不會辜負廣大程序的。於是終於讓我找到了定位各種事件的方法。
調試方法:我就以定位這個mouseover事件爲例,講一下自己的定位過程。
1.首先進入F12頁面,選擇sources,此時在右邊會出現一個Event Listener Breakpoints(事件監聽斷點)。
2.找到你要監聽的事件,在前面打鉤。
3.手動去觸發這樣一個事件,捉賊拿贓,捉姦在牀。它不犯案你怎麼抓住它呢。我是mouseover事件,於是我就把鼠標移到這個元素上面。
4.果然前端進入調試模式。但是這是編譯後的底層代碼,我也看不懂啊。沒關係,一直點擊上圖我標記的這個按鈕,最後他肯定回進入最外層調用的地方。果然最後讓我找到了最外層在哪兒調用的。