Chrome ブラウザーで入力を強調表示し、右クリック メニューから [Inspect Element] をクリックすると、Chrome 開発者ツールがポップアップします。
Chrome 開発者ツールで次のように表示されるとします。
<input type="radio" name="lineType_phone" id="lineType_new" value="new">
入力をクリックすると、非表示の div が表示されます。JavaScript でどのようにコーディングされているかを確認したいと思います。
この属性/入力のJavaScriptファイルを検索しname="lineType_phone"たり、クリックイベントをデバッグしたりする方法はありますか?id="lineType_new"
ファイルを探しても問題が解決しない場合があります。ファイルが縮小されたり、イベントで多くの変数が使用されたりすることがあるため、検索が役に立たname="lineType_phone"ない場合があります。
要素にバインドされたイベントの検索についてはどうでしょうか。
以下のコードは、要素自体にバインドされたイベントを表示します
$._data( $("#myElement")[0], "events" ); //don't forget to get the first elem of array
ただし、一部のイベントは委任によって追加されます。これは、イベントが親 DOM 要素にバインドされる可能性があることを意味します。その場合は、次のように親でイベントを探してみてください。
$._data( $("#myElement").parent()[0], "events" );