2011-05-18 35 views
3

我有一個加載大量JavaScript文件的頁面。文件中的某處,處理器將被添加到輸入字段A.如何查找Element的onChange功能?

當輸入字段A中添加一個值時,輸入字段B會自動填入另一個值(取決於A的值)。

文件的絕對數量和輸入字段的名稱('code','key')使得很難使用grep來查找onchange的定義。

我使用

  • Opera蜻蜓
  • Firefox的Firebug的嘗試
  • 谷歌Chrome開發者工具

,但我似乎無法找出如何讓他們展示我我可以找到名爲的onchange函數。

有人有想法嗎?

+1

你知道的東西是分配給「的onchange」屬性看到螢火蟲DOM檢查jquery的表達:可以使用addEventListener或同等學歷(這是一個更靈活的界面來設置事件處理程序,但繞過「onxxx」屬性) – 2011-05-18 13:17:04

+0

這也是可能的 - 你能否包括如何在你的答案中找到這些? :) – Konerak 2011-05-18 13:43:05

回答

0

您可以使用Firebug設置一個斷點當特定HTML元素具有屬性變化:

http://getfirebug.com/doc/breakpoints/demo.html#html

你可以試着選擇你所描述的第二個元素(即被填充),看看如果這對你有用。

+0

不錯的想法,但唉:加載頁面後屬性不會改變,並且鏈接顯示「事件處理程序斷點:此功能尚未實現」。 – Konerak 2011-05-18 13:41:34

0

Chrome提供了建立在開發工具,允許你檢查的元素,並查看連接到任何事件偵聽器。

谷歌Chrome開發者工具真的很棒。 http://code.google.com/chrome/devtools/docs/elements.html

+0

「EventListeners」選項卡的確顯示了一個changelistener,一個焦點和一個keydown,但它顯示了一個「匿名函數」,並沒有提示在哪裏找到實際的函數。 – Konerak 2011-05-18 13:40:26

+0

嘗試進入腳本選項卡,併爲要查找的事件添加「事件偵聽器斷點」,觸發該事件,然後使用「步入下一個功能」按鈕深入查找您的匿名函數。你可能不得不點擊那個按鈕。 – herostwist 2011-05-18 14:45:55

+0

對不起,我找不到如何添加「事件監聽器斷點」。我不知道它是哪個功能? – Konerak 2011-05-18 14:53:15