前言

華龍ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

大家有沒有遇到這樣的一個(gè)問題，我們?cè)诜治鲆恍┐笮碗娮由虅?wù)平臺(tái)的Web前端腳本時(shí)，想找到一個(gè)元素綁定的點(diǎn)擊事件，并不是那么容易，因?yàn)橛行┣岸四_本封裝的比較隱蔽，甚至有些加密腳本，用傳統(tǒng)的查找元素ID、或者頁面源碼方法去找，可能最后徒勞無功。下面我來介紹利用chrome瀏覽器來查找元素綁定的事件。

Chrome開發(fā)工具中最有用的面板Sources。Sources面板幾乎是最常用到的Chrome功能面板,也是解決一般問題的主要功能面板。通常只要是開發(fā)遇到了js報(bào)錯(cuò)或者其他代碼問題,在審視一遍代碼而一無所獲之后打開Sources進(jìn)行js斷點(diǎn)調(diào)試,幾乎能解決8成的代碼問題。

本文主要給大家介紹了關(guān)于利用chrome瀏覽器進(jìn)行js調(diào)試并找出元素綁定的點(diǎn)擊事件的相關(guān)內(nèi)容，下面話不多說了，來一起看看詳細(xì)的介紹吧

只需要通過chrome瀏覽器以下三個(gè)功能就可以輕松找到綁定事件了。

1.Sources（源碼）

2.Event Listener Breakpoints（事件監(jiān)聽斷點(diǎn)）

3.Call Stack（函數(shù)調(diào)用棧）

舉個(gè)栗子：

1.打開某網(wǎng)站，點(diǎn)擊“規(guī)格”中的“100x100”選項(xiàng)，按F12，彈出前端調(diào)試窗口，切換到Sources標(biāo)簽。

2.看右邊的窗口（Event Listener Breakpoints）欄，選擇click選項(xiàng)（監(jiān)聽點(diǎn)擊事件）。

3.展開Call Stack（函數(shù)調(diào)用棧）。

4.然后點(diǎn)擊如下圖標(biāo)或按F11，觀察CallStack。

5.一路按如下圖標(biāo)或按F11，直至發(fā)現(xiàn)事件是直接事件源。

一路按下去，一定要有耐心。。。。。

到這里已經(jīng)發(fā)現(xiàn)找到了事件源?。。?/p>

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。

新聞名稱：利用chrome瀏覽器進(jìn)行js調(diào)試并找出元素綁定的點(diǎn)擊事件詳解-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://weahome.cn/article/ccpgej.html