chrome瀏覽器定位mouseover事件

問題描述:今天遇到這樣一個情況,我鼠標移到這個元素上會看到它觸發了一個樣式。但是jsp頁面層層相嵌,js又多的不行,根本找不到綁定的這個事件在哪兒。心想谷歌瀏覽器深受程序員的喜愛,肯定不會辜負廣大程序的。於是終於讓我找到了定位各種事件的方法。

調試方法:我就以定位這個mouseover事件爲例,講一下自己的定位過程。

1.首先進入F12頁面,選擇sources,此時在右邊會出現一個Event Listener Breakpoints(事件監聽斷點)。

2.找到你要監聽的事件,在前面打鉤。

3.手動去觸發這樣一個事件,捉賊拿贓,捉姦在牀。它不犯案你怎麼抓住它呢。我是mouseover事件,於是我就把鼠標移到這個元素上面。

4.果然前端進入調試模式。但是這是編譯後的底層代碼,我也看不懂啊。沒關係,一直點擊上圖我標記的這個按鈕,最後他肯定回進入最外層調用的地方。果然最後讓我找到了最外層在哪兒調用的。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章