在web開發過程中難免會遇到讓程序員去修改一些js代碼東西，例如js的ajax和php等語言的交互等，在這其中你不得不了解點js的事件觸發，且隨着js的盛行各種插件的事件讓程序員眼花繚亂，所以借助一個好的工具可以幫助我事半功倍，並且想作為一名合格的全棧型工程師一直是我的前進的目標！
工具/原料
-
火狐+google瀏覽器
-
google的Visual Event插件
1.首先對於一些簡單的html頁面，里面的js文件加載的也少的情況下，我們可以可以使用火狐的firebug或者google的控制台都可以輕松的查看。火狐瀏覽器的查看方法安裝Firebug然后按F12選中你要看的dom元素在右側的事件中可以詳細的看到綁定了那些事件.
2.Google瀏覽器也可以用同樣的方法查看對應dom元素綁定的事件。F12-->Elements-->Event Listenners
3.但是對於一些復雜的Html頁面,相當於加載的js文件和相應的插件也比較多,這個時候用瀏覽器自帶的事件查看器就顯得力不從心了!
4.所以遇到上面這種情況,我們想快速定位一個元素綁定那些事件的時候,就得借助google的Visual Event插件幫助我們快速定位了,所以我們首先我們的去google 擴展庫去下載對應的插件並安裝.
5.安裝成功后瀏覽器的右上角會出現一個小眼睛.
6.接着說說一下如何使用Visual Event插件的小眼睛，等頁面加載完之后，點擊小眼睛然后大概過不了5秒鍾，就可以看到頁面上元素綁定事件了.
7.最后移動鼠標到你想查看的元素上面就可以看到對於的js文件已經和對應的事件名真的很方便使用.
